*, ::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:  ;
}/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

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

::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: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  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: -0.25em;
}

sup {
  top: -0.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: #8a8a8a;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #8a8a8a;
}

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;
}
.\!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;
  }
}
.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose{
  --tw-prose-body: #282828;
  --tw-prose-headings: #282828;
  --tw-prose-lead: #5e5e5e;
  --tw-prose-links: #45e760;
  --tw-prose-bold: #282828;
  --tw-prose-counters: #8a8a8a;
  --tw-prose-bullets: #b8b8b8;
  --tw-prose-hr: #e4e4e4;
  --tw-prose-quotes: #282828;
  --tw-prose-quote-borders: #45e760;
  --tw-prose-captions: #8a8a8a;
  --tw-prose-kbd: #282828;
  --tw-prose-kbd-shadows: 40 40 40;
  --tw-prose-code: #282828;
  --tw-prose-pre-code: #fcfdff;
  --tw-prose-pre-bg: #1b1c1d;
  --tw-prose-th-borders: #d2d2d2;
  --tw-prose-td-borders: #e8e8e8;
  --tw-prose-invert-body: #d2d2d2;
  --tw-prose-invert-headings: #f6f7f9;
  --tw-prose-invert-lead: #d2d2d2;
  --tw-prose-invert-links: #6bec81;
  --tw-prose-invert-bold: #f6f7f9;
  --tw-prose-invert-counters: #d2d2d2;
  --tw-prose-invert-bullets: #898989;
  --tw-prose-invert-hr: #3f3f3f;
  --tw-prose-invert-quotes: #f6f7f9;
  --tw-prose-invert-quote-borders: #45e760;
  --tw-prose-invert-captions: #d2d2d2;
  --tw-prose-invert-kbd: #f6f7f9;
  --tw-prose-invert-kbd-shadows: 246 247 249;
  --tw-prose-invert-code: #f6f7f9;
  --tw-prose-invert-pre-code: #d2d2d2;
  --tw-prose-invert-pre-bg: #202123;
  --tw-prose-invert-th-borders: #3f3f3f;
  --tw-prose-invert-td-borders: #3f3f3f;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-lg{
  font-size: 1.125rem;
  line-height: 1.7777778;
}
.prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}
.prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-inline-start: 1em;
}
.prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}
.prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}
.prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}
.prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  border-radius: 0.3125rem;
  padding-top: 0.2222222em;
  padding-inline-end: 0.4444444em;
  padding-bottom: 0.2222222em;
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8666667em;
}
.prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
}
.prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-inline-end: 1.5em;
  padding-bottom: 1em;
  padding-inline-start: 1.5em;
}
.prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}
.prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}
.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}
.prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
}
.prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}
.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.75em;
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}
.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-gray{
  --tw-prose-body: #282828;
  --tw-prose-headings: #282828;
  --tw-prose-lead: #5e5e5e;
  --tw-prose-links: #45e760;
  --tw-prose-bold: #282828;
  --tw-prose-counters: #8a8a8a;
  --tw-prose-bullets: #b8b8b8;
  --tw-prose-hr: #e4e4e4;
  --tw-prose-quotes: #282828;
  --tw-prose-quote-borders: #e4e4e4;
  --tw-prose-captions: #8a8a8a;
  --tw-prose-kbd: #282828;
  --tw-prose-kbd-shadows: 40 40 40;
  --tw-prose-code: #282828;
  --tw-prose-pre-code: #fcfdff;
  --tw-prose-pre-bg: #1b1c1d;
  --tw-prose-th-borders: #d2d2d2;
  --tw-prose-td-borders: #e8e8e8;
  --tw-prose-invert-body: #d2d2d2;
  --tw-prose-invert-headings: #f6f7f9;
  --tw-prose-invert-lead: #d2d2d2;
  --tw-prose-invert-links: #6bec81;
  --tw-prose-invert-bold: #f6f7f9;
  --tw-prose-invert-counters: #d2d2d2;
  --tw-prose-invert-bullets: #898989;
  --tw-prose-invert-hr: #3f3f3f;
  --tw-prose-invert-quotes: #f6f7f9;
  --tw-prose-invert-quote-borders: #3f3f3f;
  --tw-prose-invert-captions: #d2d2d2;
  --tw-prose-invert-kbd: #f6f7f9;
  --tw-prose-invert-kbd-shadows: 246 247 249;
  --tw-prose-invert-code: #f6f7f9;
  --tw-prose-invert-pre-code: #d2d2d2;
  --tw-prose-invert-pre-bg: #202123;
  --tw-prose-invert-th-borders: #3f3f3f;
  --tw-prose-invert-td-borders: #3f3f3f;
}
.prose-invert{
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
  a{
  --tw-text-opacity: 1;
  color: rgb(108 46 188 / var(--tw-text-opacity, 1));
}
  a:hover{
  --tw-text-opacity: 1;
  color: rgb(108 46 188 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

  b, strong{
  font-weight: 500;
}

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

  .\!button{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

  @media (prefers-color-scheme: dark) {
  
  a.\!button {
    color: inherit;
  }
}

  .\!button {
  color: #052e16;
}

  .\!button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

  .\!button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 210 88 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

  .button{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

  @media (prefers-color-scheme: dark) {
  
  a.button {
    color: inherit;
  }
}

  .button {
  color: #052e16;
}

  .button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

  .button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 210 88 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

  .\!button:is(.dark *){
  --tw-ring-offset-color: #334155;
}

  .button:is(.dark *){
  --tw-ring-offset-color: #334155;
}

    .\!button.button-red{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

    .\!button.button-red:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

    .\!button.button-red:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

    .button.button-red{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

    .button.button-red:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

    .button.button-red:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

  .button-secondary{
  --tw-text-opacity: 1;
  color: rgb(108 46 188 / var(--tw-text-opacity, 1));
}

  .button-secondary:hover{
  --tw-text-opacity: 1;
  color: rgb(108 46 188 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

    .button-secondary.button-increase-contrast{
  --tw-text-opacity: 1;
  color: rgb(84 36 147 / var(--tw-text-opacity, 1));
}

    .button-secondary.button-increase-contrast:hover{
  --tw-text-opacity: 1;
  color: rgb(50 21 87 / var(--tw-text-opacity, 1));
}

    .button-secondary.button-red{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

    .button-secondary.button-red:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
      .button-secondary.button-red.button-increase-contrast{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
      .button-secondary.button-red.button-increase-contrast:hover{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

  .\!button{
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

  .button, .button-secondary, .button-alternative{
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

  .\!button{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

  .button, .button-secondary, .button-alternative{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
    .\!button.button-smaller{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
    @media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .\!button.button-smaller a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .\!button.button-smaller a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}
    @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .\!button.button-smaller {
    display: none;
  }
}
    .button.button-smaller, .button-secondary.button-smaller, .button-alternative.button-smaller{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
    @media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .button.button-smaller a,
  html:not([data-theme])  .button-secondary.button-smaller a,
  html:not([data-theme])  .button-alternative.button-smaller a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .button.button-smaller a:hover,
  html:not([data-theme])  .button-secondary.button-smaller a:hover,
  html:not([data-theme])  .button-alternative.button-smaller a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}
    @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .button.button-smaller,[data-theme] [data-prompt-autocomplete-target="suggestions"] > button  .button-secondary.button-smaller,[data-theme] [data-prompt-autocomplete-target="suggestions"] > button  .button-alternative.button-smaller {
    display: none;
  }
}

  .button-alternative{
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

  @media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) p.button-alternative a,
  html:not([data-theme]) .button-alternative a {
    color: #6bec81;
  }

  
  html:not([data-theme]) p.button-alternative a:hover,
  html:not([data-theme]) .button-alternative a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

  [data-controller="mobile-navigation"] button.button-alternative {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

  .button-alternative:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  text-decoration-line: none;
}

  .button-alternative:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

  .button-alternative:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

  .full{
  display: flex;
  width: 100%;
  justify-content: center;
}

  @media (max-width: 1023px) {
  .modal-content-mobile > div:first-child .full {
    justify-content: space-between;
  }
}

  @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .full {
    align-items: center;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .full > .flex {
    align-items: center;
  }
}

  form.\!form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

  form.form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

    form.\!form .form-wrapper > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

    form.form .form-wrapper > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
      form.\!form .form-wrapper[disabled] {
        opacity: 0.3 !important;
        position: relative !important;
        -webkit-user-select: none !important;
           -moz-user-select: none !important;
                user-select: none !important;
      }
      form.form .form-wrapper[disabled] {
        opacity: 0.3;
        position: relative;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
      }
        form.\!form .form-wrapper[disabled]:before {
          content: "" !important;
          position: absolute !important;
          background-color: transparent !important;
          top: 0 !important;
          bottom: 0 !important;
          left: 0 !important;
          right: 0 !important;
        }
        form.form .form-wrapper[disabled]:before {
          content: "";
          position: absolute;
          background-color: transparent;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
        }
    form.\!form[method="post" i], form.\!form[method="patch" i]{
  margin-top: -1.25rem;
}
    form.form[method="post" i], form.form[method="patch" i]{
  margin-top: -1.25rem;
}
    form.\!form[method="post" i], form.\!form[method="patch" i]{
  margin-top: -1.25rem;
}

    form.\!form .buttons{
  padding-top: 0.25rem;
}

    form.\!form .buttons > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

    form.form .buttons{
  padding-top: 0.25rem;
}

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

  .\!table{
  width: 100%;
}

  .\!table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
  --tw-divide-opacity: 0.05;
}

  .\!table{
  text-align: left;
}

  .\!table:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

  .table{
  width: 100%;
}

  .table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
  --tw-divide-opacity: 0.05;
}

  .table{
  text-align: left;
}

  .table:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}


    .\!table th{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.65rem;
  line-height: 0.9rem;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
}


    .table th{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.65rem;
  line-height: 0.9rem;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
}


    .\!table th:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}


    .table th:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

      .\!table th:first-child{
  padding-left: 1.25rem;
}

      .table th:first-child{
  padding-left: 1.25rem;
}

      .\!table th:last-child{
  padding-right: 1.25rem;
}

      .table th:last-child{
  padding-right: 1.25rem;
}

    .\!table tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
  --tw-divide-opacity: 0.05;
}

    .table tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
  --tw-divide-opacity: 0.05;
}

    .\!table tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

    .table tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

    .\!table td{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

    .table td{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

    .\!table td:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .table td:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

      .\!table td:first-child{
  padding-left: 1.25rem;
}

      .table td:first-child{
  padding-left: 1.25rem;
}

      .\!table td:last-child{
  padding-right: 1.25rem;
}

      .table td:last-child{
  padding-right: 1.25rem;
}

      .\!table td.buttons{
  padding-right: 0.75rem;
}

      .table td.buttons{
  padding-right: 0.75rem;
}

      .\!table td.buttons > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

      .\!table td.buttons{
  text-align: right;
}

      .table td.buttons > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

      .table td.buttons{
  text-align: right;
}
        .\!table td.buttons > *{
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
        .table td.buttons > *{
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
        .box-table .table th:first-child, .box-table .table td:first-child{
  padding-left: 2rem;
}
        .box-table .\!table th:first-child, .box-table .\!table td:first-child{
  padding-left: 2rem;
}

        .box-table .table th:last-child, .box-table .table td:last-child{
  padding-right: 2rem;
}

        .box-table .\!table th:last-child, .box-table .\!table td:last-child{
  padding-right: 2rem;
}

  .pagy{
  display: flex;
}

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

  @media (max-width: 1023px) {
  .modal-content-mobile > div:first-child .pagy {
    justify-content: space-between;
  }
}

  @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .pagy {
    align-items: center;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .pagy > .flex {
    align-items: center;
  }
}

    .pagy a:not(.gap){
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

    .pagy a:not(.gap).button-smaller{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

    @media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .pagy a:not(.gap).button-smaller a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .pagy a:not(.gap).button-smaller a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

    @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .pagy a:not(.gap).button-smaller {
    display: none;
  }
}

    .pagy a:not(.gap){
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    @media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) p.pagy a:not(.gap) a,
  html:not([data-theme]) .pagy a:not(.gap) a {
    color: #6bec81;
  }

  
  html:not([data-theme]) p.pagy a:not(.gap) a:hover,
  html:not([data-theme]) .pagy a:not(.gap) a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

    [data-controller="mobile-navigation"] button.pagy a:not(.gap) {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    .pagy a:not(.gap):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  text-decoration-line: none;
}

    .pagy a:not(.gap):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .pagy a:not(.gap):hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

      .pagy a:not(.gap):not([href]) { --tw-bg-opacity: 1; background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      @media (prefers-color-scheme: dark) {
  
  a.pagy a:not(.gap):not([href]) {
    color: inherit;
  }
}

      .pagy a:not(.gap):not([href]) {
  color: #052e16;
}

      .pagy a:not(.gap):not([href]):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

      .pagy a:not(.gap):not([href]):focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 210 88 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}

      .pagy a:not(.gap):not([href]):is(.dark *){
  --tw-ring-offset-color: #334155;
}

      .pagy a:not(.gap):not([href]).button-red{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

      .pagy a:not(.gap):not([href]).button-red:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

      .pagy a:not(.gap):not([href]).button-red:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

      .pagy a:not(.gap):not([href]){
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

      .pagy a:not(.gap):not([href]).button-smaller{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

      @media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .pagy a:not(.gap):not([href]).button-smaller a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .pagy a:not(.gap):not([href]).button-smaller a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

      @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .pagy a:not(.gap):not([href]).button-smaller {
    display: none;
  }
}

      form.button_to input[type=submit].pagy a:not(.gap):not([href]){
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
  color: #052e16;
}

      form.button_to input[type=submit].pagy a:not(.gap):not([href]):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
}

      @media (prefers-color-scheme: dark) {
  .pagy a:not(.gap):not([href]),.pagy a:not(.gap):not([href]).full,
  input[type="submit"].pagy a:not(.gap):not([href]),
  button.pagy a:not(.gap):not([href]) {
    color: #25282d;
    font-weight: 600;
  }

  .pagy a:not(.gap):not([href]):hover,.pagy a:not(.gap):not([href]).full:hover {
    color: #25282d;
  }
  .pagy a:not(.gap):not([href]) a,
  a.pagy a:not(.gap):not([href]) {
    color: inherit;
  }
}

      
[data-theme] .auth-card .pagy a:not(.gap):not([href]).full {
  display: block;
  width: 100%;
  height: 47px;
  margin-top: 6px;
  padding: 0 24px;
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  border-radius: var(--radius-md);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  forced-color-adjust: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: background var(--t-base), transform var(--t-fast);
}

      
[data-theme] .auth-card .pagy a:not(.gap):not([href]).full:hover {
  background: var(--primary-hover);
  color: var(--accent-fg);
  transform: translateY(-1px);
}

      
[data-theme] .auth-card .pagy a:not(.gap):not([href]).full:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}

        .pagy a:not(.gap):not([href]):not([aria-current]){ display: none;
        }

        [data-theme] .nav-user-menu.pagy a:not(.gap):not([href]):not([aria-current]){ display: none; }

        [data-theme] .composer-popover-host:has([data-model-selector-target="menu"]:not(.pagy a:not(.gap):not([href]):not([aria-current]))) .composer-tip {
  opacity: 0;
}

        [data-theme] .composer-image-preview:not(.pagy a:not(.gap):not([href]):not([aria-current])) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 8px;
}

        [data-theme] .composer-voice-status.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .editor-topbar-left .tb-iconbtn[data-editor-layout-target="expandButton"].pagy a:not(.gap):not([href]):not([aria-current]) {
  opacity: 0;
}

        [data-theme] .editor-topbar .tb-iconbtn.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .editor-queue-banner__count.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .editor-queue-stop.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .editor-queue-action.pagy a:not(.gap):not([href]):not([aria-current]) {
  display: none;
}

        [data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.pagy a:not(.gap):not([href]):not([aria-current])))
  .editor-send-btn:not(:disabled):hover .editor-send-btn--arrow { opacity: 0; }

        [data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.pagy a:not(.gap):not([href]):not([aria-current])))
  .editor-send-btn:not(:disabled):hover .editor-send-btn--plus { opacity: 1; }

        [data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.pagy a:not(.gap):not([href]):not([aria-current])))
  .editor-send-btn:not(:disabled)::after { content: attr(data-tip-working); }

        [data-theme] .aref-opt.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .aref-chips.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .dv.pagy a:not(.gap):not([href]):not([aria-current]) {
  display: none;
}

        @media (max-width: 767px) {
  [data-theme] .dv-logs > .dv-card:has([data-logs-panel-target="list"]:not(.pagy a:not(.gap):not([href]):not([aria-current]))) {
    flex: 1;
    min-height: 0;
  }
}

        [data-theme] .preview-state-overlay.pagy a:not(.gap):not([href]):not([aria-current]) {
  display: none;
}

        [data-theme] .scrim.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .info-banner.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .url-default.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .customize-callout.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .pm-subdomain-edit.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .pm.pm-v3 .pm-icobtn.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .adv-content.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .pm.pm-v3 .pm-live-url-note.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .vh-toast.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .vh-empty.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .vh-row.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        .vdiff-body.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .domains-panel .cd-connected-card.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .domains-panel .cd-remove-confirm.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        .ai-diag-scrim.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .dash-card-menu-panel.pagy a:not(.gap):not([href]):not([aria-current]){ display: none; }

        [data-theme] .tier-price.pagy a:not(.gap):not([href]):not([aria-current]),
[data-theme] .tier-save.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .pb-panel .pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"].pagy a:not(.gap):not([href]):not([aria-current]) {
    display: none;
  }
}

        [data-theme] .chat-actions-model-check.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .nah .nah-pop.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        @media (max-width: 639px) {
  [data-theme] .nah .composer-popover.pagy a:not(.gap):not([href]):not([aria-current]),
  [data-theme] .nah .nah-pop.pagy a:not(.gap):not([href]):not([aria-current]) {
    display: flex;
    visibility: hidden;
    transform: translateY(100%);
    transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), visibility 0s linear 0.32s;
  }
  [data-theme] .nah .composer-autocomplete.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }
}

        @media (max-width: 639px) and (prefers-reduced-motion: reduce) {
  
  [data-theme] .nah .composer-popover.pagy a:not(.gap):not([href]):not([aria-current]),
  [data-theme] .nah .nah-pop.pagy a:not(.gap):not([href]):not([aria-current]) {
    transition: none;
  }
}

        [data-theme] .os-arcade-offer.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .os-arcade-launcher.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .os-arcade-stage.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .os-arcade-overlay.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .os-arcade-scrim.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        [data-theme] .os-arcade-toast.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }

        @media (max-width: 1040px) {
  [data-theme] .nav-mobile-toggle.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }
  [data-theme] .nav-drawer-overlay.pagy a:not(.gap):not([href]):not([aria-current]) { display: none; }
}
  details > summary.list-none::-webkit-details-marker,
  details > summary.list-none::marker {
    display: none;
  }

    .bulk-actions:not(.selectable) .box-table td:nth-child(2),.bulk-actions:not(.selectable) th:nth-child(2){
  padding-left: 2rem;
}
    .bulk-actions.selectable .bulk-action-single{
  display: none;
}
    [data-theme] .nav-user-menu.bulk-actions.selectable .bulk-action-single{ display: none; }
    [data-theme] .composer-popover-host:has([data-model-selector-target="menu"]:not(.bulk-actions.selectable .bulk-action-single)) .composer-tip {
  opacity: 0;
}
    [data-theme] .composer-image-preview:not(.bulk-actions.selectable .bulk-action-single) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 8px;
}
    [data-theme] .composer-voice-status.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .editor-topbar-left .tb-iconbtn[data-editor-layout-target="expandButton"].bulk-actions.selectable .bulk-action-single {
  opacity: 0;
}
    [data-theme] .editor-topbar .tb-iconbtn.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .editor-queue-banner__count.bulk-actions.selectable .bulk-action-single,
[data-theme] .editor-queue-stop.bulk-actions.selectable .bulk-action-single,
[data-theme] .editor-queue-action.bulk-actions.selectable .bulk-action-single {
  display: none;
}
    [data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.bulk-actions.selectable .bulk-action-single))
  .editor-send-btn:not(:disabled):hover .editor-send-btn--arrow { opacity: 0; }
    [data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.bulk-actions.selectable .bulk-action-single))
  .editor-send-btn:not(:disabled):hover .editor-send-btn--plus { opacity: 1; }
    [data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.bulk-actions.selectable .bulk-action-single))
  .editor-send-btn:not(:disabled)::after { content: attr(data-tip-working); }
    [data-theme] .aref-opt.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .aref-chips.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .dv.bulk-actions.selectable .bulk-action-single {
  display: none;
}
    @media (max-width: 767px) {
  [data-theme] .dv-logs > .dv-card:has([data-logs-panel-target="list"]:not(.bulk-actions.selectable .bulk-action-single)) {
    flex: 1;
    min-height: 0;
  }
}
    [data-theme] .preview-state-overlay.bulk-actions.selectable .bulk-action-single {
  display: none;
}
    [data-theme] .scrim.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .info-banner.bulk-actions.selectable .bulk-action-single,
[data-theme] .url-default.bulk-actions.selectable .bulk-action-single,
[data-theme] .customize-callout.bulk-actions.selectable .bulk-action-single,
[data-theme] .pm-subdomain-edit.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .pm.pm-v3 .pm-icobtn.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .adv-content.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .pm.pm-v3 .pm-live-url-note.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .vh-toast.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .vh-empty.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .vh-row.bulk-actions.selectable .bulk-action-single { display: none; }
    .vdiff-body.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .domains-panel .cd-connected-card.bulk-actions.selectable .bulk-action-single,
[data-theme] .domains-panel .cd-remove-confirm.bulk-actions.selectable .bulk-action-single { display: none; }
    .ai-diag-scrim.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .dash-card-menu-panel.bulk-actions.selectable .bulk-action-single{ display: none; }
    [data-theme] .tier-price.bulk-actions.selectable .bulk-action-single,
[data-theme] .tier-save.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .pb-panel .bulk-actions.selectable .bulk-action-single { display: none; }
    @media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"].bulk-actions.selectable .bulk-action-single {
    display: none;
  }
}
    [data-theme] .chat-actions-model-check.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .nah .nah-pop.bulk-actions.selectable .bulk-action-single { display: none; }
    @media (max-width: 639px) {
  [data-theme] .nah .composer-popover.bulk-actions.selectable .bulk-action-single,
  [data-theme] .nah .nah-pop.bulk-actions.selectable .bulk-action-single {
    display: flex;
    visibility: hidden;
    transform: translateY(100%);
    transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), visibility 0s linear 0.32s;
  }
  [data-theme] .nah .composer-autocomplete.bulk-actions.selectable .bulk-action-single { display: none; }
}
    @media (max-width: 639px) and (prefers-reduced-motion: reduce) {
  
  [data-theme] .nah .composer-popover.bulk-actions.selectable .bulk-action-single,
  [data-theme] .nah .nah-pop.bulk-actions.selectable .bulk-action-single {
    transition: none;
  }
}
    [data-theme] .os-arcade-offer.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .os-arcade-launcher.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .os-arcade-stage.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .os-arcade-overlay.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .os-arcade-scrim.bulk-actions.selectable .bulk-action-single { display: none; }
    [data-theme] .os-arcade-toast.bulk-actions.selectable .bulk-action-single { display: none; }
    @media (max-width: 1040px) {
  [data-theme] .nav-mobile-toggle.bulk-actions.selectable .bulk-action-single { display: none; }
  [data-theme] .nav-drawer-overlay.bulk-actions.selectable .bulk-action-single { display: none; }
}

    .daterangepicker .calendar-table .\!active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
}

    .daterangepicker .calendar-table .active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
}
  .select2-container{
  width: 100%;
}

    .select2-selection--single.focus-visible, .select2-selection--multiple.focus-visible {
    }

  .select2-container .select2-dropdown{
  overflow: hidden !important;
  border-width: 2px !important;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)) !important;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.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;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-4{
  left: 1rem;
  right: 1rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-12{
  bottom: -3rem;
}
.-bottom-40{
  bottom: -10rem;
}
.-left-1{
  left: -0.25rem;
}
.-left-1\.5{
  left: -0.375rem;
}
.-left-12{
  left: -3rem;
}
.-left-40{
  left: -10rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-12{
  right: -3rem;
}
.-right-2{
  right: -0.5rem;
}
.-right-3{
  right: -0.75rem;
}
.-right-40{
  right: -10rem;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-10{
  top: -2.5rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.-top-3{
  top: -0.75rem;
}
.-top-40{
  top: -10rem;
}
.-top-5{
  top: -1.25rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-16{
  bottom: 4rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-20{
  bottom: 5rem;
}
.bottom-24{
  bottom: 6rem;
}
.bottom-28{
  bottom: 7rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-8{
  bottom: 2rem;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-16{
  left: 4rem;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-8{
  left: 2rem;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-1\/4{
  right: 25%;
}
.right-12{
  right: 3rem;
}
.right-2{
  right: 0.5rem;
}
.right-20{
  right: 5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-6{
  right: 1.5rem;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 3rem;
}
.top-14{
  top: 3.5rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-\[72px\]{
  top: 72px;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.-z-10{
  z-index: -10;
}
.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-\[60\]{
  z-index: 60;
}
.z-\[61\]{
  z-index: 61;
}
.z-\[65\]{
  z-index: 65;
}
.z-\[70\]{
  z-index: 70;
}
.z-\[90\]{
  z-index: 90;
}
.z-\[95\]{
  z-index: 95;
}
.z-\[9999\]{
  z-index: 9999;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.-m-1{
  margin: -0.25rem;
}
.-m-2{
  margin: -0.5rem;
}
.m-0{
  margin: 0px;
}
.m-3{
  margin: 0.75rem;
}
.m-auto{
  margin: auto;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-3{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-0\.5{
  margin-left: -0.125rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-px{
  margin-left: -1px;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-4{
  margin-top: -1rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-\[18px\]{
  margin-left: 18px;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.mt-px{
  margin-top: 1px;
}
.box-border{
  box-sizing: border-box;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.table-cell{
  display: table-cell;
}
.table-row{
  display: table-row;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-2\/3{
  height: 66.666667%;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[13px\]{
  height: 13px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[480px\]{
  height: 480px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[80vh\]{
  height: 80vh;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[calc\(100vh-4rem\)\]{
  height: calc(100vh - 4rem);
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-20{
  max-height: 5rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[120px\]{
  max-height: 120px;
}
.max-h-\[150px\]{
  max-height: 150px;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.max-h-\[50vh\]{
  max-height: 50vh;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[800px\]{
  max-height: 800px;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-6rem\)\]{
  max-height: calc(100dvh - 6rem);
}
.max-h-\[calc\(90vh-140px\)\]{
  max-height: calc(90vh - 140px);
}
.max-h-full{
  max-height: 100%;
}
.max-h-none{
  max-height: none;
}
.min-h-0{
  min-height: 0px;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[112px\]{
  min-height: 112px;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[60vh\]{
  min-height: 60vh;
}
.min-h-\[70vh\]{
  min-height: 70vh;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[80vh\]{
  min-height: 80vh;
}
.min-h-\[88px\]{
  min-height: 88px;
}
.min-h-\[8px\]{
  min-height: 8px;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-full{
  width: 100% !important;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/12{
  width: 8.333333%;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/6{
  width: 66.666667%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[1000px\]{
  width: 1000px;
}
.w-\[13px\]{
  width: 13px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[800px\]{
  width: 800px;
}
.w-\[960px\]{
  width: 960px;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[1\.25rem\]{
  min-width: 1.25rem;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[16rem\]{
  min-width: 16rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[2rem\]{
  min-width: 2rem;
}
.min-w-\[360px\]{
  min-width: 360px;
}
.min-w-\[44px\]{
  min-width: 44px;
}
.min-w-\[56px\]{
  min-width: 56px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[9rem\]{
  min-width: 9rem;
}
.min-w-full{
  min-width: 100%;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-32{
  max-width: 8rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-48{
  max-width: 12rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[10rem\]{
  max-width: 10rem;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[14rem\]{
  max-width: 14rem;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[20rem\]{
  max-width: 20rem;
}
.max-w-\[250px\]{
  max-width: 250px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-prose{
  max-width: 65ch;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow-0{
  flex-grow: 0;
}
.grow{
  flex-grow: 1;
}
.table-auto{
  table-layout: auto;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-top-right{
  transform-origin: top right;
}
.-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-x-0{
  --tw-translate-x: 0px;
  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-x-5{
  --tw-translate-x: 1.25rem;
  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-x-6{
  --tw-translate-x: 1.5rem;
  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-x-full{
  --tw-translate-x: 100%;
  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-0{
  --tw-translate-y: 0px;
  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-2{
  --tw-translate-y: 0.5rem;
  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-4{
  --tw-translate-y: 1rem;
  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-full{
  --tw-translate-y: 100%;
  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-180{
  --tw-rotate: 180deg;
  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-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-\[25deg\]{
  --tw-rotate: 25deg;
  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-100{
  --tw-scale-x: 1;
  --tw-scale-y: 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-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 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-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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-95{
  --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));
}
.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));
}
@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce{
  animation: bounce 1s infinite;
}
@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-col-resize{
  cursor: col-resize;
}
.cursor-default{
  cursor: default;
}
.cursor-help{
  cursor: help;
}
.cursor-move{
  cursor: move;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-wait{
  cursor: wait;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start{
  scroll-snap-align: start;
}
.scroll-mt-20{
  scroll-margin-top: 5rem;
}
.scroll-mt-4{
  scroll-margin-top: 1rem;
}
.scroll-pl-1{
  scroll-padding-left: 0.25rem;
}
.list-inside{
  list-style-position: inside;
}
.list-outside{
  list-style-position: outside;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-px{
  gap: 1px;
}
.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-px > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[var\(--line\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--line);
}
.divide-amber-200\/60 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(253 230 138 / 0.6);
}
.divide-editor-border > :not([hidden]) ~ :not([hidden]){
  border-color: var(--ed-border);
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(228 228 228 / var(--tw-divide-opacity, 1));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-divide-opacity, 1));
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-divide-opacity, 1));
}
.divide-gray-700 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-divide-opacity, 1));
}
.divide-gray-800 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-divide-opacity, 1));
}
.divide-red-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-divide-opacity, 1));
}
.divide-red-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-divide-opacity, 1));
}
.divide-slate-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}
.divide-subtle > :not([hidden]) ~ :not([hidden]){
  border-color: var(--border-subtle);
}
.divide-yellow-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(254 249 195 / var(--tw-divide-opacity, 1));
}
.divide-yellow-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-divide-opacity, 1));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-clip{
  overflow: clip;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-wrap{
  text-wrap: wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[var\(--radius-lg\)\]{
  border-radius: var(--radius-lg);
}
.rounded-\[var\(--radius-md\)\]{
  border-radius: var(--radius-md);
}
.rounded-\[var\(--radius-pill\)\]{
  border-radius: var(--radius-pill);
}
.rounded-\[var\(--radius-sm\)\]{
  border-radius: var(--radius-sm);
}
.rounded-\[var\(--radius-xs\)\]{
  border-radius: var(--radius-xs);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-br-none{
  border-bottom-right-radius: 0px;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-8{
  border-width: 8px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-0{
  border-left-width: 0px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-t{
  border-top-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.border-double{
  border-style: double;
}
.border-none{
  border-style: none;
}
.border-\[\#001121\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 17 33 / var(--tw-border-opacity, 1));
}
.border-\[\#45E760\]{
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}
.border-\[\#E8EBED\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 235 237 / var(--tw-border-opacity, 1));
}
.border-\[var\(--accent\)\]{
  border-color: var(--accent);
}
.border-\[var\(--danger-fg\2c \#c4252b\)\]{
  border-color: var(--danger-fg,#c4252b);
}
.border-\[var\(--line\)\]{
  border-color: var(--line);
}
.border-\[var\(--line-2\)\]{
  border-color: var(--line-2);
}
.border-\[var\(--warning-fg\)\]{
  border-color: var(--warning-fg);
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-400\/60{
  border-color: rgb(251 191 36 / 0.6);
}
.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20{
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/40{
  border-color: rgb(245 158 11 / 0.4);
}
.border-amber-500\/60{
  border-color: rgb(245 158 11 / 0.6);
}
.border-amber-500\/70{
  border-color: rgb(245 158 11 / 0.7);
}
.border-amber-700\/50{
  border-color: rgb(180 83 9 / 0.5);
}
.border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}
.border-blue-100{
  --tw-border-opacity: 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 / var(--tw-border-opacity, 1));
}
.border-blue-200\/60{
  border-color: rgb(191 219 254 / 0.6);
}
.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-500\/30{
  border-color: rgb(59 130 246 / 0.3);
}
.border-blue-500\/50{
  border-color: rgb(59 130 246 / 0.5);
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-blue-600\/30{
  border-color: rgb(37 99 235 / 0.3);
}
.border-blue-700{
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.border-blue-700\/40{
  border-color: rgb(29 78 216 / 0.4);
}
.border-blue-700\/50{
  border-color: rgb(29 78 216 / 0.5);
}
.border-current{
  border-color: currentColor;
}
.border-default{
  border-color: var(--border-default);
}
.border-editor-accent-blue{
  border-color: var(--ed-accent-blue);
}
.border-editor-accent-green{
  border-color: var(--ed-accent-green);
}
.border-editor-border{
  border-color: var(--ed-border);
}
.border-editor-border-subtle{
  border-color: var(--ed-border-subtle);
}
.border-editor-canvas{
  border-color: var(--ed-canvas);
}
.border-editor-surface-1{
  border-color: var(--ed-surface-1);
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/20{
  border-color: rgb(16 185 129 / 0.2);
}
.border-emerald-500\/30{
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-500\/40{
  border-color: rgb(16 185 129 / 0.4);
}
.border-emerald-700\/40{
  border-color: rgb(4 120 87 / 0.4);
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 228 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
}
.border-gray-200\/50{
  border-color: rgb(210 210 210 / 0.5);
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}
.border-gray-50{
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity, 1));
}
.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(94 94 94 / var(--tw-border-opacity, 1));
}
.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
}
.border-gray-600\/30{
  border-color: rgb(63 63 63 / 0.3);
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-border-opacity, 1));
}
.border-gray-700\/50{
  border-color: rgb(40 40 40 / 0.5);
}
.border-gray-700\/60{
  border-color: rgb(40 40 40 / 0.6);
}
.border-gray-800{
  --tw-border-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-border-opacity, 1));
}
.border-gray-800\/50{
  border-color: rgb(40 40 40 / 0.5);
}
.border-gray-900{
  --tw-border-opacity: 1;
  border-color: rgb(28 28 28 / var(--tw-border-opacity, 1));
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-500\/20{
  border-color: rgb(34 197 94 / 0.2);
}
.border-green-500\/30{
  border-color: rgb(34 197 94 / 0.3);
}
.border-green-500\/40{
  border-color: rgb(34 197 94 / 0.4);
}
.border-green-600\/30{
  border-color: rgb(22 163 74 / 0.3);
}
.border-green-700{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-300{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(240 169 138 / var(--tw-border-opacity, 1));
}
.border-orange-400{
  --tw-border-opacity: 1;
  border-color: rgb(229 105 51 / var(--tw-border-opacity, 1));
}
.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(222 68 0 / var(--tw-border-opacity, 1));
}
.border-pink-500\/30{
  border-color: rgb(236 72 153 / 0.3);
}
.border-primary-100{
  --tw-border-opacity: 1;
  border-color: rgb(198 248 206 / var(--tw-border-opacity, 1));
}
.border-primary-200{
  --tw-border-opacity: 1;
  border-color: rgb(170 244 182 / var(--tw-border-opacity, 1));
}
.border-primary-300{
  --tw-border-opacity: 1;
  border-color: rgb(130 239 148 / var(--tw-border-opacity, 1));
}
.border-primary-500{
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}
.border-primary-500\/20{
  border-color: rgb(69 231 96 / 0.2);
}
.border-primary-500\/30{
  border-color: rgb(69 231 96 / 0.3);
}
.border-primary-500\/40{
  border-color: rgb(69 231 96 / 0.4);
}
.border-primary-500\/50{
  border-color: rgb(69 231 96 / 0.5);
}
.border-primary-600{
  --tw-border-opacity: 1;
  border-color: rgb(64 210 88 / var(--tw-border-opacity, 1));
}
.border-primary-700{
  --tw-border-opacity: 1;
  border-color: rgb(48 164 68 / var(--tw-border-opacity, 1));
}
.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}
.border-purple-300{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-purple-600\/30{
  border-color: rgb(147 51 234 / 0.3);
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/20{
  border-color: rgb(239 68 68 / 0.2);
}
.border-red-500\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/40{
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-red-600\/30{
  border-color: rgb(220 38 38 / 0.3);
}
.border-red-700{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.border-secondary-300{
  --tw-border-opacity: 1;
  border-color: rgb(163 118 223 / var(--tw-border-opacity, 1));
}
.border-secondary-500{
  --tw-border-opacity: 1;
  border-color: rgb(108 46 188 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-yellow-400{
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}
.border-yellow-500{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-yellow-500\/30{
  border-color: rgb(234 179 8 / 0.3);
}
.border-yellow-600\/30{
  border-color: rgb(202 138 4 / 0.3);
}
.border-yellow-600\/50{
  border-color: rgb(202 138 4 / 0.5);
}
.border-t-gray-900{
  --tw-border-opacity: 1;
  border-top-color: rgb(28 28 28 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.bg-\[\#0077B5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 181 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1DA1F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(29 161 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1E293B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4267B2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(66 103 178 / var(--tw-bg-opacity, 1));
}
.bg-\[\#45E760\]{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
}
.bg-\[\#45E760\]\/10{
  background-color: rgb(69 231 96 / 0.1);
}
.bg-\[\#4B5563\]{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4B5563\]\/40{
  background-color: rgb(75 85 99 / 0.4);
}
.bg-\[\#E6E8EA\]\/80{
  background-color: rgb(230 232 234 / 0.8);
}
.bg-\[\#F2F4F6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFBFB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 251 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--accent\)\]{
  background-color: var(--accent);
}
.bg-\[var\(--bg\)\]{
  background-color: var(--bg);
}
.bg-\[var\(--bg-1\)\]{
  background-color: var(--bg-1);
}
.bg-\[var\(--bg-2\)\]{
  background-color: var(--bg-2);
}
.bg-\[var\(--bg-3\)\]{
  background-color: var(--bg-3);
}
.bg-\[var\(--card-bg\)\]{
  background-color: var(--card-bg);
}
.bg-\[var\(--danger-bg\)\]{
  background-color: var(--danger-bg);
}
.bg-\[var\(--danger-bg\2c rgba\(196\2c 37\2c 43\2c 0\.08\)\)\]{
  background-color: var(--danger-bg,rgba(196,37,43,0.08));
}
.bg-\[var\(--danger-fg\)\]{
  background-color: var(--danger-fg);
}
.bg-\[var\(--ed-canvas\)\]{
  background-color: var(--ed-canvas);
}
.bg-\[var\(--warning-bg\)\]{
  background-color: var(--warning-bg);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-200{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-200\/70{
  background-color: rgb(253 230 138 / 0.7);
}
.bg-amber-300{
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/10{
  background-color: rgb(251 191 36 / 0.1);
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/10{
  background-color: rgb(255 251 235 / 0.1);
}
.bg-amber-50\/40{
  background-color: rgb(255 251 235 / 0.4);
}
.bg-amber-50\/50{
  background-color: rgb(255 251 235 / 0.5);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/15{
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-900\/20{
  background-color: rgb(120 53 15 / 0.2);
}
.bg-amber-900\/30{
  background-color: rgb(120 53 15 / 0.3);
}
.bg-amber-950\/30{
  background-color: rgb(69 26 3 / 0.3);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0{
  background-color: rgb(0 0 0 / 0);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55{
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-400\/30{
  background-color: rgb(96 165 250 / 0.3);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/40{
  background-color: rgb(239 246 255 / 0.4);
}
.bg-blue-50\/50{
  background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10{
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/15{
  background-color: rgb(59 130 246 / 0.15);
}
.bg-blue-500\/20{
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-600\/10{
  background-color: rgb(37 99 235 / 0.1);
}
.bg-blue-600\/20{
  background-color: rgb(37 99 235 / 0.2);
}
.bg-blue-900{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.bg-blue-900\/20{
  background-color: rgb(30 58 138 / 0.2);
}
.bg-blue-900\/40{
  background-color: rgb(30 58 138 / 0.4);
}
.bg-blue-900\/50{
  background-color: rgb(30 58 138 / 0.5);
}
.bg-current{
  background-color: currentColor;
}
.bg-cyan-100{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500\/15{
  background-color: rgb(6 182 212 / 0.15);
}
.bg-cyan-600{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.bg-editor-accent-blue{
  background-color: var(--ed-accent-blue);
}
.bg-editor-accent-green{
  background-color: var(--ed-accent-green);
}
.bg-editor-border{
  background-color: var(--ed-border);
}
.bg-editor-canvas{
  background-color: var(--ed-canvas);
}
.bg-editor-surface-1{
  background-color: var(--ed-surface-1);
}
.bg-editor-surface-2{
  background-color: var(--ed-surface-2);
}
.bg-editor-surface-3{
  background-color: var(--ed-surface-3);
}
.bg-editor-surface-hover{
  background-color: var(--ed-surface-hover);
}
.bg-editor-text-3{
  background-color: var(--ed-text-tertiary);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15{
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-500\/5{
  background-color: rgb(16 185 129 / 0.05);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-600\/10{
  background-color: rgb(5 150 105 / 0.1);
}
.bg-emerald-900\/30{
  background-color: rgb(6 78 59 / 0.3);
}
.bg-emerald-900\/40{
  background-color: rgb(6 78 59 / 0.4);
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(210 210 210 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(184 184 184 / var(--tw-bg-opacity, 1));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(138 138 138 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/20{
  background-color: rgb(94 94 94 / 0.2);
}
.bg-gray-500\/75{
  background-color: rgb(94 94 94 / 0.75);
}
.bg-gray-500\/90{
  background-color: rgb(94 94 94 / 0.9);
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity, 1));
}
.bg-gray-600\/20{
  background-color: rgb(63 63 63 / 0.2);
}
.bg-gray-600\/90{
  background-color: rgb(63 63 63 / 0.9);
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}
.bg-gray-700\/50{
  background-color: rgb(40 40 40 / 0.5);
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/30{
  background-color: rgb(40 40 40 / 0.3);
}
.bg-gray-800\/50{
  background-color: rgb(40 40 40 / 0.5);
}
.bg-gray-800\/60{
  background-color: rgb(40 40 40 / 0.6);
}
.bg-gray-800\/90{
  background-color: rgb(40 40 40 / 0.9);
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/30{
  background-color: rgb(28 28 28 / 0.3);
}
.bg-gray-900\/40{
  background-color: rgb(28 28 28 / 0.4);
}
.bg-gray-900\/50{
  background-color: rgb(28 28 28 / 0.5);
}
.bg-gray-900\/75{
  background-color: rgb(28 28 28 / 0.75);
}
.bg-gray-900\/80{
  background-color: rgb(28 28 28 / 0.8);
}
.bg-gray-900\/85{
  background-color: rgb(28 28 28 / 0.85);
}
.bg-gray-900\/95{
  background-color: rgb(28 28 28 / 0.95);
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-50\/50{
  background-color: rgb(240 253 244 / 0.5);
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10{
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/15{
  background-color: rgb(34 197 94 / 0.15);
}
.bg-green-500\/20{
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-500\/90{
  background-color: rgb(34 197 94 / 0.9);
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-600\/20{
  background-color: rgb(22 163 74 / 0.2);
}
.bg-green-600\/90{
  background-color: rgb(22 163 74 / 0.9);
}
.bg-green-700{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.bg-green-900{
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.bg-green-900\/50{
  background-color: rgb(20 83 45 / 0.5);
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 197 176 / var(--tw-bg-opacity, 1));
}
.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(252 236 230 / var(--tw-bg-opacity, 1));
}
.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(222 68 0 / var(--tw-bg-opacity, 1));
}
.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(202 62 0 / var(--tw-bg-opacity, 1));
}
.bg-orange-900\/30{
  background-color: rgb(93 29 0 / 0.3);
}
.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-500\/10{
  background-color: rgb(236 72 153 / 0.1);
}
.bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(198 248 206 / var(--tw-bg-opacity, 1));
}
.bg-primary-200{
  --tw-bg-opacity: 1;
  background-color: rgb(170 244 182 / var(--tw-bg-opacity, 1));
}
.bg-primary-300{
  --tw-bg-opacity: 1;
  background-color: rgb(130 239 148 / var(--tw-bg-opacity, 1));
}
.bg-primary-400{
  --tw-bg-opacity: 1;
  background-color: rgb(107 236 129 / var(--tw-bg-opacity, 1));
}
.bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 239 / var(--tw-bg-opacity, 1));
}
.bg-primary-50\/100{
  background-color: rgb(236 254 239 / 1);
}
.bg-primary-50\/90{
  background-color: rgb(236 254 239 / 0.9);
}
.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
}
.bg-primary-500\/10{
  background-color: rgb(69 231 96 / 0.1);
}
.bg-primary-500\/20{
  background-color: rgb(69 231 96 / 0.2);
}
.bg-primary-500\/5{
  background-color: rgb(69 231 96 / 0.05);
}
.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
}
.bg-primary-700{
  --tw-bg-opacity: 1;
  background-color: rgb(48 164 68 / var(--tw-bg-opacity, 1));
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50{
  --tw-bg-opacity: 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 / var(--tw-bg-opacity, 1));
}
.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-purple-600\/20{
  background-color: rgb(147 51 234 / 0.2);
}
.bg-purple-900\/40{
  background-color: rgb(88 28 135 / 0.4);
}
.bg-purple-900\/50{
  background-color: rgb(88 28 135 / 0.5);
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-100\/30{
  background-color: rgb(254 226 226 / 0.3);
}
.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 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 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/50{
  background-color: rgb(254 242 242 / 0.5);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15{
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/5{
  background-color: rgb(239 68 68 / 0.05);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-600\/20{
  background-color: rgb(220 38 38 / 0.2);
}
.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-red-900{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.bg-red-900\/30{
  background-color: rgb(127 29 29 / 0.3);
}
.bg-red-900\/50{
  background-color: rgb(127 29 29 / 0.5);
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-secondary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(212 191 240 / var(--tw-bg-opacity, 1));
}
.bg-secondary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(108 46 188 / var(--tw-bg-opacity, 1));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/50{
  background-color: rgb(30 41 59 / 0.5);
}
.bg-slate-800\/70{
  background-color: rgb(30 41 59 / 0.7);
}
.bg-slate-900\/50{
  background-color: rgb(15 23 42 / 0.5);
}
.bg-surface-1{
  background-color: var(--surface-1);
}
.bg-surface-2{
  background-color: var(--surface-2);
}
.bg-teal-100{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-teal-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-300{
  --tw-bg-opacity: 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 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50\/50{
  background-color: rgb(254 252 232 / 0.5);
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/20{
  background-color: rgb(234 179 8 / 0.2);
}
.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600\/20{
  background-color: rgb(202 138 4 / 0.2);
}
.bg-yellow-900{
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}
.bg-yellow-900\/50{
  background-color: rgb(113 63 18 / 0.5);
}
.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}
.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-70{
  --tw-bg-opacity: 0.7;
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}
.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}
.bg-\[radial-gradient\(ellipse_at_center\2c _var\(--tw-gradient-stops\)\)\]{
  background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops));
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, 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-\[rgba\(98\2c 255\2c 124\2c 0\.18\)\]{
  --tw-gradient-from: rgba(98,255,124,0.18) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(98, 255, 124, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--bg\)\]{
  --tw-gradient-from: var(--bg) 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-\[var\(--ed-canvas\)\]{
  --tw-gradient-from: var(--ed-canvas) 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-amber-400{
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/20{
  --tw-gradient-from: rgb(245 158 11 / 0.2) 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\/10{
  --tw-gradient-from: rgb(0 0 0 / 0.1) 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-black\/70{
  --tw-gradient-from: rgb(0 0 0 / 0.7) 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-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-50{
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 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-500\/20{
  --tw-gradient-from: rgb(59 130 246 / 0.2) 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\/30{
  --tw-gradient-from: rgb(30 58 138 / 0.3) 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-900\/40{
  --tw-gradient-from: rgb(30 58 138 / 0.4) 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-cyan-400{
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500\/20{
  --tw-gradient-from: rgb(6 182 212 / 0.2) 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-400{
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50{
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-900\/40{
  --tw-gradient-from: rgb(6 78 59 / 0.4) 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-gray-100{
  --tw-gradient-from: #e4e4e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 228 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-400{
  --tw-gradient-from: #8a8a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 138 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50{
  --tw-gradient-from: #f9f9f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-700{
  --tw-gradient-from: #282828 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(40 40 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900{
  --tw-gradient-from: #1c1c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(28 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400{
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50{
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 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-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-orange-400{
  --tw-gradient-from: #e56933 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 105 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50{
  --tw-gradient-from: #fcece6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 236 230 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500{
  --tw-gradient-from: #de4400 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(222 68 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/20{
  --tw-gradient-from: rgb(222 68 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(222 68 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500\/30{
  --tw-gradient-from: rgb(222 68 0 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(222 68 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-900\/50{
  --tw-gradient-from: rgb(93 29 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(93 29 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-400{
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-100{
  --tw-gradient-from: #c6f8ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 248 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-400{
  --tw-gradient-from: #6bec81 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 236 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-50{
  --tw-gradient-from: #ecfeef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 254 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500{
  --tw-gradient-from: #45e760 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 231 96 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500\/10{
  --tw-gradient-from: rgb(69 231 96 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 231 96 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500\/20{
  --tw-gradient-from: rgb(69 231 96 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 231 96 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500\/30{
  --tw-gradient-from: rgb(69 231 96 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 231 96 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-600{
  --tw-gradient-from: #40d258 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 210 88 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-900\/20{
  --tw-gradient-from: rgb(30 97 40 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-900\/30{
  --tw-gradient-from: rgb(30 97 40 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-900\/40{
  --tw-gradient-from: rgb(30 97 40 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-900\/50{
  --tw-gradient-from: rgb(30 97 40 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400{
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50{
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 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-purple-600{
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400{
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900{
  --tw-gradient-from: #0f172a 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-slate-950{
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-400{
  --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: #fff 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-400{
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-50{
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500{
  --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-900\/30{
  --tw-gradient-from: rgb(113 63 18 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600{
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb 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-gray-800{
  --tw-gradient-to: rgb(40 40 40 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #282828 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-900\/50{
  --tw-gradient-to: rgb(131 24 67 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(131 24 67 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-200{
  --tw-gradient-to: rgb(170 244 182 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #aaf4b6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500{
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500\/20{
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-900\/50{
  --tw-gradient-to: rgb(127 29 29 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(127 29 29 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-800{
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900{
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a 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);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[rgba\(27\2c 183\2c 255\2c 0\.18\)\]{
  --tw-gradient-to: rgba(27,183,255,0.18) var(--tw-gradient-to-position);
}
.to-\[var\(--bg\)\]{
  --tw-gradient-to: var(--bg) var(--tw-gradient-to-position);
}
.to-amber-400{
  --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position);
}
.to-amber-50{
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-amber-600{
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}
.to-amber-900\/30{
  --tw-gradient-to: rgb(120 53 15 / 0.3) var(--tw-gradient-to-position);
}
.to-black\/40{
  --tw-gradient-to: rgb(0 0 0 / 0.4) var(--tw-gradient-to-position);
}
.to-blue-100{
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-50{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500{
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-500\/10{
  --tw-gradient-to: rgb(59 130 246 / 0.1) var(--tw-gradient-to-position);
}
.to-blue-500\/20{
  --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position);
}
.to-blue-600{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-900\/30{
  --tw-gradient-to: rgb(30 58 138 / 0.3) var(--tw-gradient-to-position);
}
.to-cyan-50{
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}
.to-cyan-500{
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
}
.to-cyan-500\/20{
  --tw-gradient-to: rgb(6 182 212 / 0.2) var(--tw-gradient-to-position);
}
.to-cyan-600{
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-emerald-50{
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}
.to-emerald-600{
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-gray-100{
  --tw-gradient-to: #e4e4e4 var(--tw-gradient-to-position);
}
.to-gray-200{
  --tw-gradient-to: #d2d2d2 var(--tw-gradient-to-position);
}
.to-gray-50{
  --tw-gradient-to: #f9f9f9 var(--tw-gradient-to-position);
}
.to-gray-600{
  --tw-gradient-to: #3f3f3f var(--tw-gradient-to-position);
}
.to-gray-800{
  --tw-gradient-to: #282828 var(--tw-gradient-to-position);
}
.to-gray-900{
  --tw-gradient-to: #1c1c1c var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}
.to-indigo-50{
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-500{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-orange-500\/20{
  --tw-gradient-to: rgb(222 68 0 / 0.2) var(--tw-gradient-to-position);
}
.to-orange-600{
  --tw-gradient-to: #ca3e00 var(--tw-gradient-to-position);
}
.to-orange-900\/50{
  --tw-gradient-to: rgb(93 29 0 / 0.5) var(--tw-gradient-to-position);
}
.to-pink-500{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-pink-500\/20{
  --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position);
}
.to-pink-500\/30{
  --tw-gradient-to: rgb(236 72 153 / 0.3) var(--tw-gradient-to-position);
}
.to-pink-600{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.to-primary-100{
  --tw-gradient-to: #c6f8ce var(--tw-gradient-to-position);
}
.to-primary-200{
  --tw-gradient-to: #aaf4b6 var(--tw-gradient-to-position);
}
.to-primary-300{
  --tw-gradient-to: #82ef94 var(--tw-gradient-to-position);
}
.to-primary-400{
  --tw-gradient-to: #6bec81 var(--tw-gradient-to-position);
}
.to-primary-50{
  --tw-gradient-to: #ecfeef var(--tw-gradient-to-position);
}
.to-primary-500{
  --tw-gradient-to: #45e760 var(--tw-gradient-to-position);
}
.to-primary-500\/20{
  --tw-gradient-to: rgb(69 231 96 / 0.2) var(--tw-gradient-to-position);
}
.to-primary-600{
  --tw-gradient-to: #40d258 var(--tw-gradient-to-position);
}
.to-primary-700{
  --tw-gradient-to: #30a444 var(--tw-gradient-to-position);
}
.to-primary-800\/30{
  --tw-gradient-to: rgb(39 127 53 / 0.3) var(--tw-gradient-to-position);
}
.to-primary-800\/50{
  --tw-gradient-to: rgb(39 127 53 / 0.5) var(--tw-gradient-to-position);
}
.to-primary-900{
  --tw-gradient-to: #1e6128 var(--tw-gradient-to-position);
}
.to-primary-900\/30{
  --tw-gradient-to: rgb(30 97 40 / 0.3) var(--tw-gradient-to-position);
}
.to-primary-900\/50{
  --tw-gradient-to: rgb(30 97 40 / 0.5) var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-red-500{
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.to-red-500\/30{
  --tw-gradient-to: rgb(239 68 68 / 0.3) var(--tw-gradient-to-position);
}
.to-red-600{
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-slate-50{
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
}
.to-slate-800{
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-slate-900{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.to-slate-950{
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.to-teal-50{
  --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position);
}
.to-teal-500{
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}
.to-teal-600{
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-yellow-50{
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}
.to-yellow-500\/20{
  --tw-gradient-to: rgb(234 179 8 / 0.2) var(--tw-gradient-to-position);
}
.to-yellow-600{
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-top{
  -o-object-position: top;
     object-position: top;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[88px\]{
  padding-left: 88px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-16{
  padding-right: 4rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.ps-7{
  padding-inline-start: 1.75rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.align-\[-1px\]{
  vertical-align: -1px;
}
.font-geist{
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-overskill{
  font-family: "Grifter", "Bricolage Grotesque", system-ui, sans-serif;
}
.font-sans{
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
}
.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-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl{
  font-size: 4.5rem;
  line-height: 1;
}
.text-8xl{
  font-size: 6rem;
  line-height: 1;
}
.text-9xl{
  font-size: 8rem;
  line-height: 1;
}
.text-\[10\.5px\]{
  font-size: 10.5px;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11-12px\]{
  font-size: 11-12px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[6px\]{
  font-size: 6px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-extralight{
  font-weight: 200;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.font-thin{
  font-weight: 100;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-10{
  line-height: 2.5rem;
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[20px\]{
  line-height: 20px;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#001121\]{
  --tw-text-opacity: 1;
  color: rgb(0 17 33 / var(--tw-text-opacity, 1));
}
.text-\[\#052e16\]{
  --tw-text-opacity: 1;
  color: rgb(5 46 22 / var(--tw-text-opacity, 1));
}
.text-\[\#0A66C2\]{
  --tw-text-opacity: 1;
  color: rgb(10 102 194 / var(--tw-text-opacity, 1));
}
.text-\[\#1877F2\]{
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity, 1));
}
.text-\[\#202123\]{
  --tw-text-opacity: 1;
  color: rgb(32 33 35 / var(--tw-text-opacity, 1));
}
.text-\[\#33404D\]\/70{
  color: rgb(51 64 77 / 0.7);
}
.text-\[\#40D258\]{
  --tw-text-opacity: 1;
  color: rgb(64 210 88 / var(--tw-text-opacity, 1));
}
.text-\[\#45E760\]{
  --tw-text-opacity: 1;
  color: rgb(69 231 96 / var(--tw-text-opacity, 1));
}
.text-\[\#7F8C99\]{
  --tw-text-opacity: 1;
  color: rgb(127 140 153 / var(--tw-text-opacity, 1));
}
.text-\[\#B4BAC0\]\/70{
  color: rgb(180 186 192 / 0.7);
}
.text-\[\#f5d423\]{
  --tw-text-opacity: 1;
  color: rgb(245 212 35 / var(--tw-text-opacity, 1));
}
.text-\[color\:var\(--accent\)\]{
  color: var(--accent);
}
.text-\[var\(--accent-fg\)\]{
  color: var(--accent-fg);
}
.text-\[var\(--accent-fg\2c \#0a0e0a\)\]{
  color: var(--accent-fg,#0a0e0a);
}
.text-\[var\(--accent-text\)\]{
  color: var(--accent-text);
}
.text-\[var\(--danger-fg\)\]{
  color: var(--danger-fg);
}
.text-\[var\(--danger-fg\2c \#c4252b\)\]{
  color: var(--danger-fg,#c4252b);
}
.text-\[var\(--ed-text-primary\)\]{
  color: var(--ed-text-primary);
}
.text-\[var\(--fg\)\]{
  color: var(--fg);
}
.text-\[var\(--fg-2\)\]{
  color: var(--fg-2);
}
.text-\[var\(--fg-3\)\]{
  color: var(--fg-3);
}
.text-\[var\(--fg-4\)\]{
  color: var(--fg-4);
}
.text-\[var\(--success-fg\)\]{
  color: var(--success-fg);
}
.text-\[var\(--warning-fg\)\]{
  color: var(--warning-fg);
}
.text-amber-100{
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-100\/90{
  color: rgb(254 243 199 / 0.9);
}
.text-amber-200{
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-200\/80{
  color: rgb(253 230 138 / 0.8);
}
.text-amber-300{
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-700\/70{
  color: rgb(180 83 9 / 0.7);
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-800\/80{
  color: rgb(146 64 14 / 0.8);
}
.text-amber-800\/90{
  color: rgb(146 64 14 / 0.9);
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-200\/80{
  color: rgb(191 219 254 / 0.8);
}
.text-blue-300{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-400\/80{
  color: rgb(96 165 250 / 0.8);
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-cyan-400{
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-cyan-500{
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-cyan-600{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-cyan-700{
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-cyan-800{
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.text-editor-accent-blue{
  color: var(--ed-accent-blue);
}
.text-editor-accent-green{
  color: var(--ed-accent-green);
}
.text-editor-canvas{
  color: var(--ed-canvas);
}
.text-editor-text-1{
  color: var(--ed-text-primary);
}
.text-editor-text-2{
  color: var(--ed-text-secondary);
}
.text-editor-text-3{
  color: var(--ed-text-tertiary);
}
.text-emerald-100{
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-200\/80{
  color: rgb(167 243 208 / 0.8);
}
.text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-400\/80{
  color: rgb(52 211 153 / 0.8);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-600\/80{
  color: rgb(5 150 105 / 0.8);
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(228 228 228 / var(--tw-text-opacity, 1));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(210 210 210 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(94 94 94 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(40 40 40 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(40 40 40 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity, 1));
}
.text-green-100{
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-green-200{
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.text-green-300{
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-100{
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-orange-300{
  --tw-text-opacity: 1;
  color: rgb(233 130 84 / var(--tw-text-opacity, 1));
}
.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(229 105 51 / var(--tw-text-opacity, 1));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(222 68 0 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(202 62 0 / var(--tw-text-opacity, 1));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(158 48 0 / var(--tw-text-opacity, 1));
}
.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(122 37 0 / var(--tw-text-opacity, 1));
}
.text-orange-900{
  --tw-text-opacity: 1;
  color: rgb(93 29 0 / var(--tw-text-opacity, 1));
}
.text-pink-400{
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-pink-700{
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-pink-800{
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity, 1));
}
.text-primary-100{
  --tw-text-opacity: 1;
  color: rgb(198 248 206 / var(--tw-text-opacity, 1));
}
.text-primary-200{
  --tw-text-opacity: 1;
  color: rgb(170 244 182 / var(--tw-text-opacity, 1));
}
.text-primary-300{
  --tw-text-opacity: 1;
  color: rgb(130 239 148 / var(--tw-text-opacity, 1));
}
.text-primary-400{
  --tw-text-opacity: 1;
  color: rgb(107 236 129 / var(--tw-text-opacity, 1));
}
.text-primary-400\/60{
  color: rgb(107 236 129 / 0.6);
}
.text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(69 231 96 / var(--tw-text-opacity, 1));
}
.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(64 210 88 / var(--tw-text-opacity, 1));
}
.text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(48 164 68 / var(--tw-text-opacity, 1));
}
.text-primary-800{
  --tw-text-opacity: 1;
  color: rgb(39 127 53 / var(--tw-text-opacity, 1));
}
.text-primary-900{
  --tw-text-opacity: 1;
  color: rgb(30 97 40 / var(--tw-text-opacity, 1));
}
.text-purple-100{
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.text-purple-200{
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.text-purple-300{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-purple-900{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.text-red-100{
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-200{
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-600\/80{
  color: rgb(220 38 38 / 0.8);
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-800{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-secondary-700{
  --tw-text-opacity: 1;
  color: rgb(84 36 147 / var(--tw-text-opacity, 1));
}
.text-semantic-primary{
  color: var(--text-primary);
}
.text-semantic-secondary{
  color: var(--text-secondary);
}
.text-semantic-tertiary{
  color: var(--text-tertiary);
}
.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-teal-500{
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}
.text-teal-600{
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-800{
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-yellow-200{
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.line-through{
  text-decoration-line: line-through;
}
.no-underline{
  text-decoration-line: none;
}
.decoration-dotted{
  text-decoration-style: dotted;
}
.decoration-1{
  text-decoration-thickness: 1px;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-editor-text-3::-moz-placeholder{
  color: var(--ed-text-tertiary);
}
.placeholder-editor-text-3::placeholder{
  color: var(--ed-text-tertiary);
}
.placeholder-gray-300::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(184 184 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-300::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(184 184 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(94 94 94 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(94 94 94 / var(--tw-placeholder-opacity, 1));
}
.placeholder-red-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(239 68 68 / var(--tw-placeholder-opacity, 1));
}
.placeholder-red-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(239 68 68 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
}
.opacity-0{
  opacity: 0;
}
.opacity-10{
  opacity: 0.1;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-5{
  opacity: 0.05;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-95{
  opacity: 0.95;
}
.opacity-\[0\.05\]{
  opacity: 0.05;
}
.opacity-\[0\.07\]{
  opacity: 0.07;
}
.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: 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: 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: 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: 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: 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: 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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[var\(--shadow-md\)\]{
  --tw-shadow-color: var(--shadow-md);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/20{
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/25{
  --tw-shadow-color: rgb(0 0 0 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-500\/20{
  --tw-shadow-color: rgb(222 68 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/20{
  --tw-shadow-color: rgb(69 231 96 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/25{
  --tw-shadow-color: rgb(69 231 96 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-500\/30{
  --tw-shadow-color: rgb(69 231 96 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-500\/20{
  --tw-shadow-color: rgb(239 68 68 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  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), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#45E760\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}
.ring-\[\#45E760\]\/20{
  --tw-ring-color: rgb(69 231 96 / 0.2);
}
.ring-amber-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.ring-amber-500\/25{
  --tw-ring-color: rgb(245 158 11 / 0.25);
}
.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-blue-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.ring-emerald-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.ring-gray-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(210 210 210 / var(--tw-ring-opacity, 1));
}
.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(184 184 184 / var(--tw-ring-opacity, 1));
}
.ring-green-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.ring-orange-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(222 68 0 / var(--tw-ring-opacity, 1));
}
.ring-primary-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(170 244 182 / var(--tw-ring-opacity, 1));
}
.ring-primary-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}
.ring-primary-500\/20{
  --tw-ring-color: rgb(69 231 96 / 0.2);
}
.ring-primary-500\/30{
  --tw-ring-color: rgb(69 231 96 / 0.3);
}
.ring-primary-500\/40{
  --tw-ring-color: rgb(69 231 96 / 0.4);
}
.ring-purple-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}
.ring-red-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-red-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.ring-opacity-5{
  --tw-ring-opacity: 0.05;
}
.ring-opacity-50{
  --tw-ring-opacity: 0.5;
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(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-\[120px\]{
  --tw-blur: blur(120px);
  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);
}
.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);
}
.grayscale{
  --tw-grayscale: grayscale(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);
}
.invert{
  --tw-invert: invert(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{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-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-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[padding\]{
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.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;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-75{
  transition-duration: 75ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform{
  will-change: transform;
}
  .background-fade-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    max-width: 100vw;
    overflow: hidden;
    z-index: -1;
  }
    .background-fade:before {
      content: "";
      position: absolute;
      z-index: 1;
      --tw-bg-opacity: 1;
      background-color: rgb(170 244 182 / var(--tw-bg-opacity, 1));
      background-image: linear-gradient(to right, var(--tw-gradient-stops));
      --tw-gradient-from: #fff 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)}
    .background-fade{

    position: absolute;
    top: 0px;
    transform: translate(-360px, 0px) rotate(-45deg);
    z-index: -1;
    --tw-bg-opacity: 1;
    background-color: rgb(107 236 129 / var(--tw-bg-opacity, 1));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #fff 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);
  color: #052e16;
}
    .large-fade:before {
      right: -0px;
      top: -200px;
      width: 1500px;
      height: 800px;
    }
    .large-fade{

    right: -700px;
    width: 1000px;
    height: 800px;
}
  .reveal {
    transition-property: opacity, transform;
    --tw-translate-y: 1.25rem;
    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));
    opacity: 0;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}

  .reveal-from-left{
  --tw-translate-y: 0px;
  --tw-translate-x: -5rem;
  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));
}

  .reveal.in{
  transform: none;
  opacity: 1;
  transition-duration: 1000ms;
}

  [data-theme] .pb-backdrop:not(.reveal.in) { opacity: 0; }

  [data-theme] .pb-backdrop.reveal.in { opacity: 1; }
  .space-y > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

  .space-x > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
 
  [hidden] {
    display: none !important;
  }
  @media (prefers-color-scheme: dark) {
    .pcr-app{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }

      .pcr-app .pcr-interaction .pcr-result{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }

        .pcr-app .pcr-interaction .pcr-result:focus {
          box-shadow: 0 0 0 1px #45e760, 0 0 0 3px #45e760;
        }
    .daterangepicker{
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }

      .daterangepicker::before {
        border-bottom-color: #0f172a;
      }

      .daterangepicker::after {
        border-bottom-color: #1e293b;
      }

      .daterangepicker .calendar-table{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
          .daterangepicker .calendar-table .available span{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
  }
      .daterangepicker .drp-buttons {
        border-top-color: #0f172a;
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
      }
        .daterangepicker th.available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }
        .daterangepicker td.off{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a.daterangepicker td.off {
    color: inherit;
  }
}

        .daterangepicker td.available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }

      .daterangepicker .hourselect, .daterangepicker .minuteselect, .daterangepicker .ampmselect{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
  }
    .iti__country-list{
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
      .select2-container .select2-selection__rendered{
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
  }

      .select2-container .select2-dropdown{
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
  }

      .select2-container .select2-search__field{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      .select2-container .select2-selection--multiple, .select2-container .select2-selection--single{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      .select2-container .select2-selection--multiple:focus, .select2-container .select2-selection--single:focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1)) !important;
  }

      .select2-container .select2-selection--multiple, .select2-container .select2-selection--single{
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      .select2-container .select2-selection__choice{
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a.select2-container .select2-selection__choice {
    color: inherit;
  }
}

        .select2-container .select2-selection__choice .select2-selection__choice__remove{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a.select2-container .select2-selection__choice .select2-selection__choice__remove {
    color: inherit;
  }
}

          .select2-container .select2-selection__choice .select2-selection__choice__remove:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a.select2-container .select2-selection__choice .select2-selection__choice__remove:hover {
    color: inherit;
  }
}

      .select2-container .select2-results__option{
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
    trix-editor{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      trix-editor:focus, trix-editor:active{
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
  }

    trix-toolbar{
    opacity: 0.5 !important;
  }

      trix-toolbar.visible{
    opacity: 1 !important;
  }
[data-theme] .pb-backdrop:not(trix-toolbar.visible) { opacity: 0 !important; }
[data-theme] trix-toolbar.pb-backdrop.visible { opacity: 1 !important; }

      trix-toolbar .trix-button-group, trix-toolbar .trix-button{
    --tw-border-opacity: 1 !important;
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)) !important;
  }

      trix-toolbar .trix-button:disabled::before{
    opacity: 0.25;
  }

      trix-toolbar .trix-dialog{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #0f172a !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
  }

        trix-toolbar .trix-dialog .trix-button--dialog{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  atrix-toolbar .trix-dialog .trix-button--dialog {
    color: inherit;
  }
}

        trix-toolbar .trix-dialog .trix-input--dialog{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }

        trix-toolbar .trix-dialog .trix-input--dialog:focus{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
  }

        trix-toolbar .trix-dialog .trix-input--dialog:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      .tribute-container ul{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

    .trix-dialogs{
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

    .trix-content a[href^="bullettrain://"]{
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a.trix-content a[href^="bullettrain://"] {
    color: inherit;
  }
}
    .ck {
      --ck-color-base-background: #1e293b;
      --ck-color-base-border: #0f172a;
      --ck-color-toolbar-background: #1e293b;
      --ck-color-toolbar-border: #0f172a;
      --ck-color-text: #cbd5e1;
    }

      .ck .ck-editor__editable:not(.ck-editor__nested-editable){
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

        .ck .ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
          box-shadow: 0 0 0 1px #45e760, 0 0 0 3px #45e760 !important;
  }
    {
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
        border-bottom-color: #0f172a !important;
        border-bottom-color: #1e293b !important;
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
          .daterangepicker .calendar-table .\!available span{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
  }
       {
        border-top-color: #0f172a !important;
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
      }
        .daterangepicker th.\!available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }
        {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}

        .daterangepicker td.\!available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }

      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
  }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
      {
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      :focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1)) !important;
  }

      {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
    {
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    opacity: 1 !important;
  }
[data-theme] .pb-backdrop:not() { opacity: 0 !important; }
[data-theme] .pb-backdrop { opacity: 1 !important; }

      {
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)) !important;
    opacity: 0.25;
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #0f172a !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}

        :focus{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
  }

        trix-toolbar .trix-dialog .trix-input--dialog:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}
     {
      --ck-color-base-background: #1e293b !important;
      --ck-color-base-border: #0f172a !important;
      --ck-color-toolbar-background: #1e293b !important;
      --ck-color-toolbar-border: #0f172a !important;
      --ck-color-text: #cbd5e1 !important;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
          box-shadow: 0 0 0 1px #45e760, 0 0 0 3px #45e760 !important;
  }
    {
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
        border-bottom-color: #0f172a !important;
        border-bottom-color: #1e293b !important;
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
          .daterangepicker .calendar-table .\!available span{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
  }
       {
        border-top-color: #0f172a !important;
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
      }
        .daterangepicker th.\!available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }
        {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}

        .daterangepicker td.\!available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }

      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
  }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
      {
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      :focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1)) !important;
  }

      {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
    {
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    opacity: 1 !important;
  }
[data-theme] .pb-backdrop:not() { opacity: 0 !important; }
[data-theme] .pb-backdrop { opacity: 1 !important; }

      {
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)) !important;
    opacity: 0.25;
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #0f172a !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}

        :focus{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
  }

        trix-toolbar .trix-dialog .trix-input--dialog:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}
     {
      --ck-color-base-background: #1e293b !important;
      --ck-color-base-border: #0f172a !important;
      --ck-color-toolbar-background: #1e293b !important;
      --ck-color-toolbar-border: #0f172a !important;
      --ck-color-text: #cbd5e1 !important;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
          box-shadow: 0 0 0 1px #45e760, 0 0 0 3px #45e760 !important;
  }
    {
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
        border-bottom-color: #0f172a !important;
        border-bottom-color: #1e293b !important;
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
          .daterangepicker .calendar-table .\!available span{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
  }
       {
        border-top-color: #0f172a !important;
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
      }
        .daterangepicker th.\!available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }
        {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}

        .daterangepicker td.\!available:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  }

      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
  }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
      {
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      :focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1)) !important;
  }

      {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
    {
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    opacity: 1 !important;
  }
[data-theme] .pb-backdrop:not() { opacity: 0 !important; }
[data-theme] .pb-backdrop { opacity: 1 !important; }

      {
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)) !important;
    opacity: 0.25;
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #0f172a !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}

        :focus{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
  }

        trix-toolbar .trix-dialog .trix-input--dialog:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}
     {
      --ck-color-base-background: #1e293b !important;
      --ck-color-base-border: #0f172a !important;
      --ck-color-toolbar-background: #1e293b !important;
      --ck-color-toolbar-border: #0f172a !important;
      --ck-color-text: #cbd5e1 !important;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
          box-shadow: 0 0 0 1px #45e760, 0 0 0 3px #45e760 !important;
  }
    {
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
        border-bottom-color: #0f172a !important;
        border-bottom-color: #1e293b !important;
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
          {
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
  }
       {
        border-top-color: #0f172a !important;
        color: rgb(203 213 225 / var(--tw-text-opacity, 1));
        background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
  --tw-border-opacity: 1 !important;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important
}
    {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
      {
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
  }

      :focus{
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1)) !important;
  }

      {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  
  a {
    color: inherit;
  }
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
    {
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1)) !important;
    opacity: 0.5 !important;
  }

      trix-toolbar.\!visible{
    opacity: 1 !important;
  }
[data-theme] .pb-backdrop:not(trix-toolbar.\!visible) { opacity: 0 !important; }
[data-theme] trix-toolbar.pb-backdrop.\!visible { opacity: 1 !important; }

      {
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)) !important;
    opacity: 0.25;
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: #0f172a !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}

        :focus{
    --tw-border-opacity: 1;
    border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
  }

        trix-toolbar .trix-dialog .trix-input--dialog:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
  }
      {
    --tw-border-opacity: 1 !important;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)) !important;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
@media (prefers-color-scheme: dark) {
  
  a {
    color: inherit;
  }
}
     {
      --ck-color-base-background: #1e293b !important;
      --ck-color-base-border: #0f172a !important;
      --ck-color-toolbar-background: #1e293b !important;
      --ck-color-toolbar-border: #0f172a !important;
      --ck-color-text: #cbd5e1 !important;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
  }

:root, .theme-blue {
  --primary-50: #eff6ff;
  --primary-100: #dbeafe;
  --primary-200: #bfdbfe;
  --primary-300: #93c5fd;
  --primary-400: #60a5fa;
  --primary-500: #3b82f6;
  --primary-600: #2563eb;
  --primary-700: #1d4ed8;
  --primary-800: #1e40af;
  --primary-900: #1e3a8a;

  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
}

.theme-slate {
  --primary-50: #f8fafc;
  --primary-100: #f1f5f9;
  --primary-200: #e2e8f0;
  --primary-300: #cbd5e1;
  --primary-400: #94a3b8;
  --primary-500: #64748b;
  --primary-600: #475569;
  --primary-700: #334155;
  --primary-800: #1e293b;
  --primary-900: #0f172a;

  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-gray {
  --primary-50: #f8fafc;
  --primary-100: #f1f5f9;
  --primary-200: #e2e8f0;
  --primary-300: #cbd5e1;
  --primary-400: #94a3b8;
  --primary-500: #64748b;
  --primary-600: #475569;
  --primary-700: #334155;
  --primary-800: #1e293b;
  --primary-900: #0f172a;

  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-zinc {
  --primary-50: #fafafa;
  --primary-100: #f4f4f5;
  --primary-200: #e4e4e7;
  --primary-300: #d4d4d8;
  --primary-400: #a1a1aa;
  --primary-500: #71717a;
  --primary-600: #52525b;
  --primary-700: #3f3f46;
  --primary-800: #27272a;
  --primary-900: #18181b;

  --secondary-50: #fafafa;
  --secondary-100: #f4f4f5;
  --secondary-200: #e4e4e7;
  --secondary-300: #d4d4d8;
  --secondary-400: #a1a1aa;
  --secondary-500: #71717a;
  --secondary-600: #52525b;
  --secondary-700: #3f3f46;
  --secondary-800: #27272a;
  --secondary-900: #18181b;
}

.theme-neutral {
  --primary-50: #fafafa;
  --primary-100: #f5f5f5;
  --primary-200: #e5e5e5;
  --primary-300: #d4d4d4;
  --primary-400: #a3a3a3;
  --primary-500: #737373;
  --primary-600: #525252;
  --primary-700: #404040;
  --primary-800: #262626;
  --primary-900: #171717;

  --secondary-50: #fafafa;
  --secondary-100: #f5f5f5;
  --secondary-200: #e5e5e5;
  --secondary-300: #d4d4d4;
  --secondary-400: #a3a3a3;
  --secondary-500: #737373;
  --secondary-600: #525252;
  --secondary-700: #404040;
  --secondary-800: #262626;
  --secondary-900: #171717;
}

.theme-stone {
  --primary-50: #fafaf9;
  --primary-100: #f5f5f4;
  --primary-200: #e7e5e4;
  --primary-300: #d6d3d1;
  --primary-400: #a8a29e;
  --primary-500: #78716c;
  --primary-600: #57534e;
  --primary-700: #44403c;
  --primary-800: #292524;
  --primary-900: #1c1917;

  --secondary-50: #fafaf9;
  --secondary-100: #f5f5f4;
  --secondary-200: #e7e5e4;
  --secondary-300: #d6d3d1;
  --secondary-400: #a8a29e;
  --secondary-500: #78716c;
  --secondary-600: #57534e;
  --secondary-700: #44403c;
  --secondary-800: #292524;
  --secondary-900: #1c1917;
}

.theme-red {
  --primary-50: #fef2f2;
  --primary-100: #fee2e2;
  --primary-200: #fecaca;
  --primary-300: #fca5a5;
  --primary-400: #f87171;
  --primary-500: #ef4444;
  --primary-600: #dc2626;
  --primary-700: #b91c1c;
  --primary-800: #991b1b;
  --primary-900: #7f1d1d;

  --secondary-50: #fef2f2;
  --secondary-100: #fee2e2;
  --secondary-200: #fecaca;
  --secondary-300: #fca5a5;
  --secondary-400: #f87171;
  --secondary-500: #ef4444;
  --secondary-600: #dc2626;
  --secondary-700: #b91c1c;
  --secondary-800: #991b1b;
  --secondary-900: #7f1d1d;
}

.theme-orange {
  --primary-50: #fcece6;
  --primary-100: #f5c5b0;
  --primary-200: #f0a98a;
  --primary-300: #e98254;
  --primary-400: #e56933;
  --primary-500: #de4400;
  --primary-600: #ca3e00;
  --primary-700: #9e3000;
  --primary-800: #7a2500;
  --primary-900: #5d1d00;

  --secondary-50: #fcece6;
  --secondary-100: #f5c5b0;
  --secondary-200: #f0a98a;
  --secondary-300: #e98254;
  --secondary-400: #e56933;
  --secondary-500: #de4400;
  --secondary-600: #ca3e00;
  --secondary-700: #9e3000;
  --secondary-800: #7a2500;
  --secondary-900: #5d1d00;
}

.theme-amber {
  --primary-50: #fffbeb;
  --primary-100: #fef3c7;
  --primary-200: #fde68a;
  --primary-300: #fcd34d;
  --primary-400: #fbbf24;
  --primary-500: #f59e0b;
  --primary-600: #d97706;
  --primary-700: #b45309;
  --primary-800: #92400e;
  --primary-900: #78350f;

  --secondary-50: #fffbeb;
  --secondary-100: #fef3c7;
  --secondary-200: #fde68a;
  --secondary-300: #fcd34d;
  --secondary-400: #fbbf24;
  --secondary-500: #f59e0b;
  --secondary-600: #d97706;
  --secondary-700: #b45309;
  --secondary-800: #92400e;
  --secondary-900: #78350f;
}

.theme-yellow {
  --primary-50: #fefce8;
  --primary-100: #fef9c3;
  --primary-200: #fef08a;
  --primary-300: #fde047;
  --primary-400: #facc15;
  --primary-500: #eab308;
  --primary-600: #ca8a04;
  --primary-700: #a16207;
  --primary-800: #854d0e;
  --primary-900: #713f12;

  --secondary-50: #fefce8;
  --secondary-100: #fef9c3;
  --secondary-200: #fef08a;
  --secondary-300: #fde047;
  --secondary-400: #facc15;
  --secondary-500: #eab308;
  --secondary-600: #ca8a04;
  --secondary-700: #a16207;
  --secondary-800: #854d0e;
  --secondary-900: #713f12;
}

.theme-lime {
  --primary-50: #f7fee7;
  --primary-100: #ecfccb;
  --primary-200: #d9f99d;
  --primary-300: #bef264;
  --primary-400: #a3e635;
  --primary-500: #84cc16;
  --primary-600: #65a30d;
  --primary-700: #4d7c0f;
  --primary-800: #3f6212;
  --primary-900: #365314;

  --secondary-50: #f7fee7;
  --secondary-100: #ecfccb;
  --secondary-200: #d9f99d;
  --secondary-300: #bef264;
  --secondary-400: #a3e635;
  --secondary-500: #84cc16;
  --secondary-600: #65a30d;
  --secondary-700: #4d7c0f;
  --secondary-800: #3f6212;
  --secondary-900: #365314;
}

.theme-green {
  --primary-50: #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;

  --secondary-50: #f0fdf4;
  --secondary-100: #dcfce7;
  --secondary-200: #bbf7d0;
  --secondary-300: #86efac;
  --secondary-400: #4ade80;
  --secondary-500: #22c55e;
  --secondary-600: #16a34a;
  --secondary-700: #15803d;
  --secondary-800: #166534;
  --secondary-900: #14532d;
}

.theme-emerald {
  --primary-50: #ecfdf5;
  --primary-100: #d1fae5;
  --primary-200: #a7f3d0;
  --primary-300: #6ee7b7;
  --primary-400: #34d399;
  --primary-500: #10b981;
  --primary-600: #059669;
  --primary-700: #047857;
  --primary-800: #065f46;
  --primary-900: #064e3b;

  --secondary-50: #ecfdf5;
  --secondary-100: #d1fae5;
  --secondary-200: #a7f3d0;
  --secondary-300: #6ee7b7;
  --secondary-400: #34d399;
  --secondary-500: #10b981;
  --secondary-600: #059669;
  --secondary-700: #047857;
  --secondary-800: #065f46;
  --secondary-900: #064e3b;
}

.theme-teal {
  --primary-50: #f0fdfa;
  --primary-100: #ccfbf1;
  --primary-200: #99f6e4;
  --primary-300: #5eead4;
  --primary-400: #2dd4bf;
  --primary-500: #14b8a6;
  --primary-600: #0d9488;
  --primary-700: #0f766e;
  --primary-800: #115e59;
  --primary-900: #134e4a;

  --secondary-50: #f0fdfa;
  --secondary-100: #ccfbf1;
  --secondary-200: #99f6e4;
  --secondary-300: #5eead4;
  --secondary-400: #2dd4bf;
  --secondary-500: #14b8a6;
  --secondary-600: #0d9488;
  --secondary-700: #0f766e;
  --secondary-800: #115e59;
  --secondary-900: #134e4a;
}

.theme-cyan {
  --primary-50: #ecfeff;
  --primary-100: #cffafe;
  --primary-200: #a5f3fc;
  --primary-300: #67e8f9;
  --primary-400: #22d3ee;
  --primary-500: #06b6d4;
  --primary-600: #0891b2;
  --primary-700: #0e7490;
  --primary-800: #155e75;
  --primary-900: #164e63;

  --secondary-50: #ecfeff;
  --secondary-100: #cffafe;
  --secondary-200: #a5f3fc;
  --secondary-300: #67e8f9;
  --secondary-400: #22d3ee;
  --secondary-500: #06b6d4;
  --secondary-600: #0891b2;
  --secondary-700: #0e7490;
  --secondary-800: #155e75;
  --secondary-900: #164e63;
}

.theme-sky {
  --primary-50: #f0f9ff;
  --primary-100: #e0f2fe;
  --primary-200: #bae6fd;
  --primary-300: #7dd3fc;
  --primary-400: #38bdf8;
  --primary-500: #0ea5e9;
  --primary-600: #0284c7;
  --primary-700: #0369a1;
  --primary-800: #075985;
  --primary-900: #0c4a6e;

  --secondary-50: #f0f9ff;
  --secondary-100: #e0f2fe;
  --secondary-200: #bae6fd;
  --secondary-300: #7dd3fc;
  --secondary-400: #38bdf8;
  --secondary-500: #0ea5e9;
  --secondary-600: #0284c7;
  --secondary-700: #0369a1;
  --secondary-800: #075985;
  --secondary-900: #0c4a6e;
}

.theme-indigo {
  --primary-50: #eef2ff;
  --primary-100: #e0e7ff;
  --primary-200: #c7d2fe;
  --primary-300: #a5b4fc;
  --primary-400: #818cf8;
  --primary-500: #6366f1;
  --primary-600: #4f46e5;
  --primary-700: #4338ca;
  --primary-800: #3730a3;
  --primary-900: #312e81;

  --secondary-50: #eef2ff;
  --secondary-100: #e0e7ff;
  --secondary-200: #c7d2fe;
  --secondary-300: #a5b4fc;
  --secondary-400: #818cf8;
  --secondary-500: #6366f1;
  --secondary-600: #4f46e5;
  --secondary-700: #4338ca;
  --secondary-800: #3730a3;
  --secondary-900: #312e81;
}

.theme-violet {
  --primary-50: #f5f3ff;
  --primary-100: #ede9fe;
  --primary-200: #ddd6fe;
  --primary-300: #c4b5fd;
  --primary-400: #a78bfa;
  --primary-500: #8b5cf6;
  --primary-600: #7c3aed;
  --primary-700: #6d28d9;
  --primary-800: #5b21b6;
  --primary-900: #4c1d95;

  --secondary-50: #f5f3ff;
  --secondary-100: #ede9fe;
  --secondary-200: #ddd6fe;
  --secondary-300: #c4b5fd;
  --secondary-400: #a78bfa;
  --secondary-500: #8b5cf6;
  --secondary-600: #7c3aed;
  --secondary-700: #6d28d9;
  --secondary-800: #5b21b6;
  --secondary-900: #4c1d95;
}

.theme-purple {
  --primary-50: #faf5ff;
  --primary-100: #f3e8ff;
  --primary-200: #e9d5ff;
  --primary-300: #d8b4fe;
  --primary-400: #c084fc;
  --primary-500: #a855f7;
  --primary-600: #9333ea;
  --primary-700: #7e22ce;
  --primary-800: #6b21a8;
  --primary-900: #581c87;

  --secondary-50: #faf5ff;
  --secondary-100: #f3e8ff;
  --secondary-200: #e9d5ff;
  --secondary-300: #d8b4fe;
  --secondary-400: #c084fc;
  --secondary-500: #a855f7;
  --secondary-600: #9333ea;
  --secondary-700: #7e22ce;
  --secondary-800: #6b21a8;
  --secondary-900: #581c87;
}

.theme-fuchsia {
  --primary-50: #fdf4ff;
  --primary-100: #fae8ff;
  --primary-200: #f5d0fe;
  --primary-300: #f0abfc;
  --primary-400: #e879f9;
  --primary-500: #d946ef;
  --primary-600: #c026d3;
  --primary-700: #a21caf;
  --primary-800: #86198f;
  --primary-900: #701a75;

  --secondary-50: #fdf4ff;
  --secondary-100: #fae8ff;
  --secondary-200: #f5d0fe;
  --secondary-300: #f0abfc;
  --secondary-400: #e879f9;
  --secondary-500: #d946ef;
  --secondary-600: #c026d3;
  --secondary-700: #a21caf;
  --secondary-800: #86198f;
  --secondary-900: #701a75;
}

.theme-pink {
  --primary-50: #fdf2f8;
  --primary-100: #fce7f3;
  --primary-200: #fbcfe8;
  --primary-300: #f9a8d4;
  --primary-400: #f472b6;
  --primary-500: #ec4899;
  --primary-600: #db2777;
  --primary-700: #be185d;
  --primary-800: #9d174d;
  --primary-900: #831843;

  --secondary-50: #fdf2f8;
  --secondary-100: #fce7f3;
  --secondary-200: #fbcfe8;
  --secondary-300: #f9a8d4;
  --secondary-400: #f472b6;
  --secondary-500: #ec4899;
  --secondary-600: #db2777;
  --secondary-700: #be185d;
  --secondary-800: #9d174d;
  --secondary-900: #831843;
}

.theme-rose {
  --primary-50: #fff1f2;
  --primary-100: #ffe4e6;
  --primary-200: #fecdd3;
  --primary-300: #fda4af;
  --primary-400: #fb7185;
  --primary-500: #f43f5e;
  --primary-600: #e11d48;
  --primary-700: #be123c;
  --primary-800: #9f1239;
  --primary-900: #881337;

  --secondary-50: #fff1f2;
  --secondary-100: #ffe4e6;
  --secondary-200: #fecdd3;
  --secondary-300: #fda4af;
  --secondary-400: #fb7185;
  --secondary-500: #f43f5e;
  --secondary-600: #e11d48;
  --secondary-700: #be123c;
  --secondary-800: #9f1239;
  --secondary-900: #881337;
}

.theme-secondary-blue {
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
}

.theme-secondary-slate {
  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-secondary-gray {
  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-secondary-zinc {
  --secondary-50: #fafafa;
  --secondary-100: #f4f4f5;
  --secondary-200: #e4e4e7;
  --secondary-300: #d4d4d8;
  --secondary-400: #a1a1aa;
  --secondary-500: #71717a;
  --secondary-600: #52525b;
  --secondary-700: #3f3f46;
  --secondary-800: #27272a;
  --secondary-900: #18181b;
}

.theme-secondary-neutral {
  --secondary-50: #fafafa;
  --secondary-100: #f5f5f5;
  --secondary-200: #e5e5e5;
  --secondary-300: #d4d4d4;
  --secondary-400: #a3a3a3;
  --secondary-500: #737373;
  --secondary-600: #525252;
  --secondary-700: #404040;
  --secondary-800: #262626;
  --secondary-900: #171717;
}

.theme-secondary-stone {
  --secondary-50: #fafaf9;
  --secondary-100: #f5f5f4;
  --secondary-200: #e7e5e4;
  --secondary-300: #d6d3d1;
  --secondary-400: #a8a29e;
  --secondary-500: #78716c;
  --secondary-600: #57534e;
  --secondary-700: #44403c;
  --secondary-800: #292524;
  --secondary-900: #1c1917;
}

.theme-secondary-red {
  --secondary-50: #fef2f2;
  --secondary-100: #fee2e2;
  --secondary-200: #fecaca;
  --secondary-300: #fca5a5;
  --secondary-400: #f87171;
  --secondary-500: #ef4444;
  --secondary-600: #dc2626;
  --secondary-700: #b91c1c;
  --secondary-800: #991b1b;
  --secondary-900: #7f1d1d;
}

.theme-secondary-orange {
  --secondary-50: #fcece6;
  --secondary-100: #f5c5b0;
  --secondary-200: #f0a98a;
  --secondary-300: #e98254;
  --secondary-400: #e56933;
  --secondary-500: #de4400;
  --secondary-600: #ca3e00;
  --secondary-700: #9e3000;
  --secondary-800: #7a2500;
  --secondary-900: #5d1d00;
}

.theme-secondary-amber {
  --secondary-50: #fffbeb;
  --secondary-100: #fef3c7;
  --secondary-200: #fde68a;
  --secondary-300: #fcd34d;
  --secondary-400: #fbbf24;
  --secondary-500: #f59e0b;
  --secondary-600: #d97706;
  --secondary-700: #b45309;
  --secondary-800: #92400e;
  --secondary-900: #78350f;
}

.theme-secondary-yellow {
  --secondary-50: #fefce8;
  --secondary-100: #fef9c3;
  --secondary-200: #fef08a;
  --secondary-300: #fde047;
  --secondary-400: #facc15;
  --secondary-500: #eab308;
  --secondary-600: #ca8a04;
  --secondary-700: #a16207;
  --secondary-800: #854d0e;
  --secondary-900: #713f12;
}

.theme-secondary-lime {
  --secondary-50: #f7fee7;
  --secondary-100: #ecfccb;
  --secondary-200: #d9f99d;
  --secondary-300: #bef264;
  --secondary-400: #a3e635;
  --secondary-500: #84cc16;
  --secondary-600: #65a30d;
  --secondary-700: #4d7c0f;
  --secondary-800: #3f6212;
  --secondary-900: #365314;
}

.theme-secondary-green {
  --secondary-50: #f0fdf4;
  --secondary-100: #dcfce7;
  --secondary-200: #bbf7d0;
  --secondary-300: #86efac;
  --secondary-400: #4ade80;
  --secondary-500: #22c55e;
  --secondary-600: #16a34a;
  --secondary-700: #15803d;
  --secondary-800: #166534;
  --secondary-900: #14532d;
}

.theme-secondary-emerald {
  --secondary-50: #ecfdf5;
  --secondary-100: #d1fae5;
  --secondary-200: #a7f3d0;
  --secondary-300: #6ee7b7;
  --secondary-400: #34d399;
  --secondary-500: #10b981;
  --secondary-600: #059669;
  --secondary-700: #047857;
  --secondary-800: #065f46;
  --secondary-900: #064e3b;
}

.theme-secondary-teal {
  --secondary-50: #f0fdfa;
  --secondary-100: #ccfbf1;
  --secondary-200: #99f6e4;
  --secondary-300: #5eead4;
  --secondary-400: #2dd4bf;
  --secondary-500: #14b8a6;
  --secondary-600: #0d9488;
  --secondary-700: #0f766e;
  --secondary-800: #115e59;
  --secondary-900: #134e4a;
}

.theme-secondary-cyan {
  --secondary-50: #ecfeff;
  --secondary-100: #cffafe;
  --secondary-200: #a5f3fc;
  --secondary-300: #67e8f9;
  --secondary-400: #22d3ee;
  --secondary-500: #06b6d4;
  --secondary-600: #0891b2;
  --secondary-700: #0e7490;
  --secondary-800: #155e75;
  --secondary-900: #164e63;
}

.theme-secondary-sky {
  --secondary-50: #f0f9ff;
  --secondary-100: #e0f2fe;
  --secondary-200: #bae6fd;
  --secondary-300: #7dd3fc;
  --secondary-400: #38bdf8;
  --secondary-500: #0ea5e9;
  --secondary-600: #0284c7;
  --secondary-700: #0369a1;
  --secondary-800: #075985;
  --secondary-900: #0c4a6e;
}

.theme-secondary-indigo {
  --secondary-50: #eef2ff;
  --secondary-100: #e0e7ff;
  --secondary-200: #c7d2fe;
  --secondary-300: #a5b4fc;
  --secondary-400: #818cf8;
  --secondary-500: #6366f1;
  --secondary-600: #4f46e5;
  --secondary-700: #4338ca;
  --secondary-800: #3730a3;
  --secondary-900: #312e81;
}

.theme-secondary-violet {
  --secondary-50: #f5f3ff;
  --secondary-100: #ede9fe;
  --secondary-200: #ddd6fe;
  --secondary-300: #c4b5fd;
  --secondary-400: #a78bfa;
  --secondary-500: #8b5cf6;
  --secondary-600: #7c3aed;
  --secondary-700: #6d28d9;
  --secondary-800: #5b21b6;
  --secondary-900: #4c1d95;
}

.theme-secondary-purple {
  --secondary-50: #faf5ff;
  --secondary-100: #f3e8ff;
  --secondary-200: #e9d5ff;
  --secondary-300: #d8b4fe;
  --secondary-400: #c084fc;
  --secondary-500: #a855f7;
  --secondary-600: #9333ea;
  --secondary-700: #7e22ce;
  --secondary-800: #6b21a8;
  --secondary-900: #581c87;
}

.theme-secondary-fuchsia {
  --secondary-50: #fdf4ff;
  --secondary-100: #fae8ff;
  --secondary-200: #f5d0fe;
  --secondary-300: #f0abfc;
  --secondary-400: #e879f9;
  --secondary-500: #d946ef;
  --secondary-600: #c026d3;
  --secondary-700: #a21caf;
  --secondary-800: #86198f;
  --secondary-900: #701a75;
}

.theme-secondary-pink {
  --secondary-50: #fdf2f8;
  --secondary-100: #fce7f3;
  --secondary-200: #fbcfe8;
  --secondary-300: #f9a8d4;
  --secondary-400: #f472b6;
  --secondary-500: #ec4899;
  --secondary-600: #db2777;
  --secondary-700: #be185d;
  --secondary-800: #9d174d;
  --secondary-900: #831843;
}

.theme-secondary-rose {
  --secondary-50: #fff1f2;
  --secondary-100: #ffe4e6;
  --secondary-200: #fecdd3;
  --secondary-300: #fda4af;
  --secondary-400: #fb7185;
  --secondary-500: #f43f5e;
  --secondary-600: #e11d48;
  --secondary-700: #be123c;
  --secondary-800: #9f1239;
  --secondary-900: #881337;
}

.electron a, .todesktop a {
    outline-color: var(--tw-ring-color);
    --tw-ring-color: rgba(3, 98, 198, var(--tw-ring-opacity));
    --tw-ring-opacity: 1;
  }

.electron .electron-mobile-only, .todesktop .electron-mobile-only{
  display: block;
}

[data-theme] section.electron .electron-mobile-only,[data-theme] section .todesktop .electron-mobile-only { padding: 120px 0; }

[data-theme] section.electron .electron-mobile-only.tight,[data-theme] section .todesktop .electron-mobile-only.tight { padding: 80px 0; }

@media (max-width: 720px) {

  [data-theme] section.electron .electron-mobile-only,[data-theme] section .todesktop .electron-mobile-only { padding: 64px 0; }
  [data-theme] section.electron .electron-mobile-only.tight,[data-theme] section .todesktop .electron-mobile-only.tight { padding: 48px 0; }
}

@media (min-width: 1024px){
  .electron .electron-mobile-only, .todesktop .electron-mobile-only{
    display: none;
  }
}

.electron .electron-title-bar, .todesktop .electron-title-bar {
    border-top-left-radius: 0;
  }

.electron .electron-title-bar img, .todesktop .electron-title-bar img { display: none; }

.electron .electron-title-bar, .todesktop .electron-title-bar{

    min-height: 36px;
}

.electron .main-container-padding, .todesktop .main-container-padding {
    padding: 0;
  }

.electron .main-container, .todesktop .main-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 100vh;
  }

.electron .profiler-results, .todesktop .profiler-results { display: none; }

.electron ol.breadcrumb, .todesktop ol.breadcrumb { padding-top: 3px; }
.devise_layout::-webkit-scrollbar {
  display: none;
}
.devise_layout {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cloudinary-field button.upload {
    margin: 0;
    border-radius: 4px;
    padding: 0;
    border: 2px solid #dde2ec;
    background: transparent;
    position: relative;
    min-height: 50px;
    min-width: 50px;
  }
.cloudinary-field button.upload:not(.present) {
      min-height: 100px;
      min-width: 100px;
    }
.cloudinary-field button.upload i {
      display: block;
      text-align: center;
      vertical-align: middle;
      position: absolute;
      line-height: 50px;
      width: 50px;
      height: 50px;
      margin-left: -25px;
      margin-top: -25px;
      top: 50%;
      left: 50%;
      font-size: 32px;
      color: #dde2ec;
    }
.cloudinary-field button.upload + button.clear {
      display: none;
      font-size: 32px;
      color: #dde2ec;
      background: transparent;
      border: 0;
      overflow: visible;
    }
.cloudinary-field button.upload + button.clear:focus i, .cloudinary-field button.upload + button.clear:active i {
          color: var(--primary-500);
        }
.cloudinary-field button.upload.present i {
        display: none;
      }
.cloudinary-field button.upload.present + button.clear {
        display: inline-block;
      }
.cloudinary-field button.upload:focus, .cloudinary-field button.upload:active {
      border-color: var(--primary-500);
    }
.cloudinary-field button.upload:focus i, .cloudinary-field button.upload:active i {
        color: var(--primary-500);
      }
input[type=tel] {
  line-height: 21px;
}
input[type=tel]::-moz-placeholder {
    color: #9ca3af;
  }
input[type=tel]::placeholder {
    color: #9ca3af;
  }
.select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.select2-selection.select2-selection--single,
.select2-selection.select2-selection--multiple {
  min-height: 37px;
}

.select2-selection.select2-selection--single .select2-selection__rendered, .select2-selection.select2-selection--multiple .select2-selection__rendered {
    padding-left: 12px;
    min-height: 34px;
    line-height: 34px;
  }

.select2-selection.select2-selection--single .select2-selection__arrow, .select2-selection.select2-selection--multiple .select2-selection__arrow {
    padding-top: 35px;
  }

.select2-container .select2-search--inline .select2-search__field {
  font-weight: 300;
  margin-top: 6px;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){
  .select2-container .select2-search--inline .select2-search__field{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.select2 {
  display: block;
}

.select2 img {
    display: none;
  }

.select2-results img {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    margin-right: 8px;
  }

.select2-results__option--highlighted{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(107 236 129 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
}

.trix-content .attachment-gallery > action-text-attachment,
    .trix-content .attachment-gallery > .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%;
    }

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
      .trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
      .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
      .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
        flex-basis: 50%;
        max-width: 50%;
      }

.trix-content ul {
    list-style-type: disc;
  }

.trix-content ol {
    list-style-type: decimal;
  }

.trix-content action-text-attachment .attachment {
      padding: 0 !important;
      max-width: 100% !important;
    }
trix-toolbar {
  opacity: 0.15;
}
trix-toolbar.visible {
    opacity: 1;
  }
.trix-button:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
}
:-moz-focusring {
  outline-style: none;
}

a[href^="bullettrain://"], span.tribute-reference {
  border-radius: 4px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 4px;
  margin: -1px 0;
  color: #3E4B5B;
  line-height: 17px;
  text-decoration: none;
  background-color: #ebe2ff;
  border: 1px solid #7147d2;
}

a[href^="bullettrain://users"], a[href^="bullettrain://teams"], span.tribute-users-reference, span.tribute-teams-reference {
  background-color: #e2ebff;
  border: 1px solid #4771d2;
}

.tribute-container ul {
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    border: 2px solid var(--primary-500);
    background: white;
    list-style: none;
    padding: 0;
  }

.tribute-container ul:empty {
      display: none;
    }

.tribute-container ul li{
  display: flex;
  align-items: center;
}

@media (max-width: 1023px) {
  .modal-content-mobile > div:first-child .tribute-container ul li {
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .tribute-container ul li {
    align-items: center;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .tribute-container ul li > .flex {
    align-items: center;
  }
}

.tribute-container ul li span {
        font-weight: normal;
      }

.tribute-container ul li.highlight {
        background-color: #5897fb;
        color: white;
      }

.tribute-container ul li{
      padding: 5px 10px;
}

.tribute-container ul li img {
        height: 30px;
        width: 30px;
        border-radius: 15px;
        margin-right: 5px;
      }

trix-editor [data-trix-cursor-target] {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

.trix-editor * {
    box-sizing: border-box;
  }

trix-editor {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  font-weight: 300;
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

trix-editor:focus, trix-editor:active {
    border-color: var(--primary-500);
    box-shadow: inset 0 0 0 1px var(--primary-500);
  }

trix-editor[disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

trix-editor[disabled]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

trix-editor[disabled]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

trix-editor[disabled]:is(.dark *):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.trix-hide-toolbar trix-toolbar {
    display: none !important;
  }

.trix-content{
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){
  .trix-content{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (prefers-color-scheme: dark) {
  .trix-button--icon-bold::before {
    background-image: url('data:image/svg+xml;utf-8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"></path></svg>') !important;
  }

  .trix-button--icon-italic::before {
    background-image: url('data:image/svg+xml;utf-8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"></path></svg>') !important;
  }

  .trix-button--icon-strike::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92zM21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21V12z"></path></svg>') !important;
  }

  .trix-button--icon-link::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M8 11h8v2H8v-2zm12.1 1H22c0-2.76-2.24-5-5-5h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1zM3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM19 12h-2v3h-3v2h3v3h2v-3h3v-2h-3v-3z"></path></svg>') !important;
  }

  .trix-button--icon-heading-1::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z"></path></svg>') !important;
  }

  .trix-button--icon-quote::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"></path></svg>') !important;
  }

  .trix-button--icon-code::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"></path></svg>') !important;
  }

  .trix-button--icon-bullet-list::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"></path></svg>') !important;
  }

  .trix-button--icon-number-list::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"></path></svg>') !important;
  }

  .trix-button--icon-decrease-nesting-level::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path></svg>') !important;
  }

  .trix-button--icon-increase-nesting-level::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path></svg>') !important;
  }

  .trix-button--icon-attach::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 015 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 005 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"></path></svg>') !important;
  }

  .trix-button--icon-undo::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"></path></svg>') !important;
  }

  .trix-button--icon-redo::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16a8.002 8.002 0 017.6-5.5c1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"></path></svg>') !important;
  }
}
.code-editor .monaco-editor, .code-editor .monaco-editor .overflow-guard {
    border-radius: inherit;
  }
.code-editor .monaco-editor, .code-editor .monaco-editor-background, .code-editor .monaco-editor .margin {
    background-color: var(--code-editor-background);
  }
.required > label::after{
  display: inline-block;
  padding-left: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  content: "*";
}
[data-turn-exit],
[data-turn-enter] {
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.35, 1);
  animation-fill-mode: forwards;
}

html.turn-exit [data-turn-exit] {
  animation-name: fade-out-up;
  animation-duration: .3s;
}

html.turn-enter [data-turn-enter] {
  animation-name: fade-in-up;
  animation-duration: .6s;
}

html.turn-before-exit [data-turn-exit],
html.turn-exit [data-turn-exit] {
  will-change: transform, opacity;
}

@keyframes fade-out-up {
  0% {
   opacity: 1;
   transform: translateZ(0)
  }

  100% {
   opacity: 0;
   transform: translate3d(0, -2rem, 0)
  }
}

@keyframes fade-in-up {
  0% {
   opacity: 0;
   transform: translate3d(0, 2rem, 0)
  }

  100% {
   opacity: 1;
   transform: translateZ(0)
  }
}

#bt-docs-content h1,
#bt-docs-content h2,
#bt-docs-content h3,
#bt-docs-content h4,
#bt-docs-content h5,
#bt-docs-content h6{
  position: relative;
  margin-left: -1.2rem;
  padding-left: 1.2rem;
}
#bt-docs-content h1 a,
#bt-docs-content h2 a,
#bt-docs-content h3 a,
#bt-docs-content h4 a,
#bt-docs-content h5 a,
#bt-docs-content h6 a{
  text-decoration: none;
  display: none;
  position: absolute;
  float:left;
  margin-left:-1.2rem;
  line-height: 1;
  width: 1rem;
  height: 100%;
}

#bt-docs-content h1 a::before,
#bt-docs-content h2 a::before,
#bt-docs-content h3 a::before,
#bt-docs-content h4 a::before,
#bt-docs-content h5 a::before,
#bt-docs-content h6 a::before{
  content: "🔗";
}

#bt-docs-content h1:hover a,
#bt-docs-content h2:hover a,
#bt-docs-content h3:hover a,
#bt-docs-content h4:hover a,
#bt-docs-content h5:hover a,
#bt-docs-content h6:hover a{
  display: flex;
  justify-content: center;
  align-items: center;
}


@media only screen and (max-width: 640px) {
  #bt-docs-content h1,
  #bt-docs-content h2,
  #bt-docs-content h3,
  #bt-docs-content h4,
  #bt-docs-content h5,
  #bt-docs-content h6{
    margin-left: -1.375rem;
    padding-left: 1.375rem;
  }
  #bt-docs-content h1 a,
  #bt-docs-content h2 a,
  #bt-docs-content h3 a,
  #bt-docs-content h4 a,
  #bt-docs-content h5 a,
  #bt-docs-content h6 a{
    margin-left:-1.375rem;
  }
  #bt-docs-content h1 a::before,
  #bt-docs-content h2 a::before,
  #bt-docs-content h3 a::before,
  #bt-docs-content h4 a::before,
  #bt-docs-content h5 a::before,
  #bt-docs-content h6 a::before{
    font-size: 1rem;
  }
}


form.button_to{
  display: inline-block;
}


form.button_to input[type=submit]{
  background-color: transparent;
}


form.button_to input[type=submit].button{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
  color: #052e16;
}


form.button_to input[type=submit].button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
}
ol.breadcrumb li:first-child svg { display: none; }
.turbo-progress-bar {
  height: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
  color: #052e16;
}
tr.gu-mirror > *:not(:first-child) {
  display: none;
}
.message-content h1,
.message-content h2,
.message-content h3 {
  line-height: 1.25;
}

.message-content h1:first-child,
.message-content h2:first-child,
.message-content h3:first-child {
  margin-top: 0;
}
.message-content ul,
.message-content ol {
  margin-left: 0;
  padding-left: 0;
}

.message-content li {
  padding-left: 0;
}

.message-content code {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 0.875rem;
}

.message-content pre {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.message-content pre code {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.message-content [data-message-status] {
  transition: all 0.3s ease;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.message-content {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.message-content pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre;
  word-wrap: normal;
  overflow-wrap: normal;
}

.message-content code {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.message-content :not(pre) > code {
  white-space: pre-wrap;
  word-break: break-all;
}
.message-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.message-content a {
  word-break: break-all;
  overflow-wrap: break-word;
}
.message-content img {
  max-width: 100%;
  height: auto;
}
.message-content blockquote {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.message-content ul,
.message-content ol {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.message-content hr {
  max-width: 100%;
}
.prose {
  max-width: 100% !important;
}

.prose pre {
  max-width: 100%;
  overflow-x: auto;
}

.prose code {
  white-space: pre-wrap !important;
  word-break: break-all;
}

.prose table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
#chat_container {
  overflow-x: hidden;
}

#chat_messages {
  overflow-x: hidden;
  max-width: 100%;
}
.message-content .flex-1 {
  min-width: 0;
}
#chat_messages > [id^="app_chat_message_"] {
  content-visibility: auto;
  contain-intrinsic-size: auto 200px;
}
@media (min-width: 1024px) {
  #chat_container {
    min-height: clamp(132px, 22vh, 240px);
  }
}
@media (min-width: 1024px) and (max-height: 1000px) {
  #task_progress_container [data-task-progress-target="taskList"] {
    max-height: 20vh;
  }
  #queue_container {
    max-height: 14vh;
  }
}
@font-face {
  font-family: 'GRIFTER';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/GRIFTER-Bold.woff2) format('woff2'),
       url(/assets/GRIFTER-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'GRIFTER';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/GRIFTER-Bold.woff2) format('woff2'),
       url(/assets/GRIFTER-Bold.otf) format('opentype');
}
.font-overskill {
  font-family: 'GRIFTER', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-weight: 700 !important;
  font-feature-settings: 'liga' 1, 'kern' 1;
  letter-spacing: 0;
}
.font-overskill-light {
  font-family: 'GRIFTER', sans-serif;
  font-weight: 300;
}

.font-overskill-regular {
  font-family: 'GRIFTER', sans-serif;
  font-weight: 400;
}

.font-overskill-semibold {
  font-family: 'GRIFTER', sans-serif;
  font-weight: 600;
}

.font-overskill-bold {
  font-family: 'GRIFTER', sans-serif;
  font-weight: 700 !important;
  letter-spacing: 0;
}
:root {
  --surface-default: #ffffff;
  --surface-lv1: #f7f9fb;
  --surface-lv2: #f2f4f6;
  --surface-lv3: #f1f2f3;
  --surface-dark: #25282d;
  --surface-fixed: #45e760;
  --modal-default: #ffffff;
  --modal-lv1: #fcfdff;
  --overlay-default: #ffffff;
  --overlay-hover: #0011210a;
  --overlay-active: #00112114;
  --overlay-active-hover: #00112133;
  --text-primary: #25282d;
  --text-primary-fixed: #001021;
  --text-secondary: #545f6a;
  --text-tertiary: #7f8c99;
  --text-white: #ffffff;
  --text-light: #ffffff;
  --text-disabled: #e6e8ea;
  --icon-primary: #25282d;
  --icon-secondary: #545f6a;
  --icon-tertiary: #7f8c99;
  --icon-white: #ffffff;
  --icon-disabled: #e6e8ea;
  --stroke-primary: #e0e4ee;
  --stroke-secondary: #f6f7f9;
  --stroke-tertiary: #e6e8ea;
  --stroke-white: #ffffff;
  --fade-dark: #001021;
  --fade-base: #818a94;
  --fade-light: #e6e8ea;
  --fade-lighter: #f6f7f9;
  --state-primary-dark: #30a444;
  --state-primary-base: #45e760;
  --state-primary-light: #c6f8ce;
  --state-primary-lighter: #ecfeef;
  --state-info-dark: #113e6b;
  --state-info-base: #2994ff;
  --state-info-light: #bddeff;
  --state-info-lighter: #eaf4ff;
  --state-pending-dark: #4c3708;
  --state-pending-base: #ffc84c;
  --state-pending-light: #ffefc9;
  --state-pending-lighter: #fffaed;
  --state-error-dark: #5d1d00;
  --state-error-base: #de4400;
  --state-error-light: #f5c5b0;
  --state-error-lighter: #fcece6;
  --state-success-dark: #1e6128;
  --state-success-base: #45e760;
  --state-success-light: #c6f8ce;
  --state-success-lighter: #ecfeef;
  --primary-50:  #ecfeef;
  --primary-100: #c6f8ce;
  --primary-200: #aaf4b6;
  --primary-300: #82ef94;
  --primary-400: #6bec81;
  --primary-500: #45e760;
  --primary-600: #45e760;
  --primary-700: #30a444;
  --primary-800: #277f35;
  --primary-900: #1e6128;
  --secondary-50:  #f4f5f6;
  --secondary-100: #e6e8ea;
  --secondary-200: #cdd1d6;
  --secondary-300: #aab0b8;
  --secondary-400: #868d96;
  --secondary-500: #5f666f;
  --secondary-600: #4b515a;
  --secondary-700: #3a3f47;
  --secondary-800: #2b2f35;
  --secondary-900: #1c1f24;
  --orange-50:  #fcece6;
  --orange-100: #f5c5b0;
  --orange-200: #f0a98a;
  --orange-300: #e98254;
  --orange-400: #e56933;
  --orange-500: #de4400;
  --orange-600: #ca3e00;
  --orange-700: #9e3000;
  --orange-800: #7a2500;
  --orange-900: #5d1d00;
  --yellow-50:  #fffaed;
  --yellow-100: #ffefc9;
  --yellow-200: #ffe9b7;
  --yellow-300: #ffde94;
  --yellow-400: #ffd370;
  --yellow-500: #ffc84c;
  --yellow-600: #af882e;
  --yellow-700: #745717;
  --yellow-800: #60470f;
  --yellow-900: #4c3708;
  --blue-50:  #eaf4ff;
  --blue-100: #bddeff;
  --blue-200: #9dceff;
  --blue-300: #70b7ff;
  --blue-400: #54a9ff;
  --blue-500: #2994ff;
  --blue-600: #2586e8;
  --blue-700: #1d69b5;
  --blue-800: #17518c;
  --blue-900: #113e6b;
  --accent-green: #10b981;
  --accent-blue: #2994ff;
  --gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--secondary-300) 0%, var(--secondary-700) 100%);
  --gradient-vibrant: linear-gradient(135deg, var(--primary-500) 0%, var(--blue-500) 100%);
  --shadow-primary: 0 4px 6px -1px rgba(69, 231, 96, 0.2), 0 2px 4px -2px rgba(69, 231, 96, 0.15);
  --shadow-primary-lg: 0 10px 15px -3px rgba(69, 231, 96, 0.25), 0 4px 6px -4px rgba(69, 231, 96, 0.15);
  --shadow-primary-ring: rgba(69, 231, 96, 0.3);
  --surface-0: #ffffff;
  --surface-1: #f7f9fb;
  --surface-2: #f2f4f6;
  --surface-3: #e0e4ee;
  --surface-4: #d0d2d4;
  --interactive-hover: #f7f9fb;
  --interactive-active: #e0e4ee;
  --interactive-focus: #45e760;
  --interactive-disabled: #f6f7f9;
  --border-default: #e0e4ee;
  --border-subtle: #f6f7f9;
  --border-emphasis: #d0d2d4;
  --border-focus: #45e760;
  --input-bg: var(--bg-2);
  --input-bg-hover: var(--bg-3);
  --input-bg-focus: var(--bg-2);
  --input-bg-disabled: var(--bg-1);
  --input-border: var(--line);
  --input-border-hover: var(--line-2);
  --input-border-focus: var(--fg-4);
  --input-text: var(--fg);
  --input-placeholder: var(--fg-4);
  --button-secondary-bg: #f7f9fb;
  --button-secondary-hover: #e0e4ee;
  --button-secondary-active: #d0d2d4;
  --button-ghost-hover: #f7f9fb;
  --card-shadow-hover: 0 4px 12px rgba(37, 40, 45, 0.08);
  --card-border-hover: #d0d2d4;
}
.dark,
:root[data-theme="dark"],
[data-theme="dark"] {
  --surface-default: #1b1c1d;
  --surface-lv1: #202123;
  --surface-lv2: #292b2d;
  --surface-lv3: #303335;
  --surface-dark: #001021;
  --modal-default: #001021;
  --modal-lv1: #001d39;
  --overlay-default: #001d39;
  --overlay-hover: #001021;
  --overlay-active: #33404d;
  --overlay-active-hover: #33404d;
  --text-primary: #f6f7f9;
  --text-primary-fixed: #001021;
  --text-secondary: #d0d2d4;
  --text-tertiary: #818a94;
  --text-light: #001021;
  --text-disabled: #33404d;
  --icon-primary: #f6f7f9;
  --icon-secondary: #d0d2d4;
  --icon-tertiary: #b3b9c0;
  --icon-white: #001021;
  --icon-disabled: #545f6a;
  --stroke-primary: #2e2e2e;
  --stroke-secondary: #33404d;
  --stroke-tertiary: #818a94;
  --stroke-white: #001021;
  --fade-dark: #e6e8ea;
  --fade-base: #b3b9c0;
  --fade-light: #0011211e;
  --fade-lighter: #00112114;
  --state-primary-dark: #6bec81;
  --state-primary-base: #45e760;
  --state-primary-light: #2994ff4c;
  --state-primary-lighter: #2994ff33;
  --state-info-dark: #70b7ff;
  --state-info-base: #2994ff;
  --state-info-light: #2994ff4c;
  --state-info-lighter: #2994ff33;
  --state-pending-dark: #ffd370;
  --state-pending-base: #ffc84c;
  --state-pending-light: #ffc84c4c;
  --state-pending-lighter: #ffc84c33;
  --state-error-dark: #e56933;
  --state-error-base: #de4400;
  --state-error-light: #ff692e4c;
  --state-error-lighter: #ff692e33;
  --state-success-dark: #6bec81;
  --state-success-base: #45e760;
  --state-success-light: #45e7604c;
  --state-success-lighter: #45e76033;
  --primary-500: #45e760;
  --primary-600: #45e760;
  --surface-0: #1b1c1d;
  --surface-1: #202123;
  --surface-2: #292b2d;
  --surface-3: #2a2c35;
  --surface-4: #303335;
  --interactive-hover: #292b2d;
  --interactive-active: #303335;
  --interactive-focus: #45e760;
  --interactive-disabled: #2a2c35;
  --border-default: #2d2f3a;
  --border-subtle: #21232c;
  --border-emphasis: #343745;
  --border-focus: #45e760;
  --input-bg: var(--bg-2);
  --input-bg-hover: var(--bg-3);
  --input-bg-focus: var(--bg-2);
  --input-bg-disabled: var(--bg-1);
  --input-border: var(--line);
  --input-border-hover: var(--line-2);
  --input-border-focus: var(--fg-4);
  --input-text: var(--fg);
  --input-placeholder: var(--fg-4);
  --button-secondary-bg: #292b2d;
  --button-secondary-hover: #2e3040;
  --button-secondary-active: #303335;
  --button-ghost-hover: #292b2d;
  --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.3);
  --card-border-hover: #343745;
}
:root {
  --ed-canvas: var(--bg, #fafbfb);
  --ed-surface-1: var(--bg-1, #fafbfb);
  --ed-surface-2: var(--bg-2, #f9fafb);
  --ed-surface-3: var(--bg-3, #f3f4f6);
  --ed-surface-hover: var(--hover-bg, #e5e7eb);
  --ed-border: var(--line, #e5e7eb);
  --ed-border-subtle: var(--line, #f3f4f6);
  --ed-border-glow: rgba(69, 231, 96, 0.25);
  --ed-text-primary: var(--fg, #111827);
  --ed-text-secondary: var(--fg-2, #6b7280);
  --ed-text-tertiary: var(--fg-3, #9ca3af);
  --ed-text-disabled: var(--fg-4, #d1d5db);
  --ed-text-1: var(--fg, #111827);
  --ed-text-2: var(--fg-2, #6b7280);
  --ed-text-3: var(--fg-3, #9ca3af);
  --ed-icon-primary: var(--fg, #374151);
  --ed-icon-secondary: var(--fg-2, #6b7280);
  --ed-icon-muted: var(--fg-3, #9ca3af);
  --ed-accent-green: var(--accent, #45e760);
  --ed-accent-green-text: var(--accent-text, #0f7a23);
  --ed-accent-green-glow: rgba(69, 231, 96, 0.12);
  --ed-accent-green-dim: rgba(69, 231, 96, 0.06);
  --ed-accent-blue: var(--info-fg, #2994ff);
  --ed-accent-blue-glow: rgba(41, 148, 255, 0.12);
  --ed-accent-teal: #3de0c4;
  --ed-version-card-from: #ecfdf5;
  --ed-version-card-to: #f0fdf4;
  --ed-version-badge: #3b50db;
  --ed-scrollbar-thumb: var(--fg-4, #d1d5db);
  --ed-scrollbar-thumb-hover: var(--fg-3, #9ca3af);
  --ed-msg-user-bg: var(--bg-2, #F2F3F5);
  --ed-msg-user-text: var(--fg, #111827);
  --ed-artifact-bg: #F0FFF4;
  --ed-artifact-border: #bbf7d0;
}
.dark,
:root[data-theme="dark"],
[data-theme="dark"] {
  --ed-canvas: var(--bg, #16171a);
  --ed-surface-1: var(--bg-1, #1c1d22);
  --ed-surface-2: var(--bg-2, #22242c);
  --ed-surface-3: var(--bg-3, #2a2c35);
  --ed-surface-hover: var(--hover-bg, #2e3040);
  --ed-border: var(--line, #2d2f3a);
  --ed-border-subtle: var(--line, #21232c);
  --ed-border-glow: rgba(69, 231, 96, 0.25);
  --ed-text-primary: var(--fg, #e4e6ec);
  --ed-text-secondary: var(--fg-2, #9098ad);
  --ed-text-tertiary: var(--fg-3, #555b6e);
  --ed-text-disabled: var(--fg-4, #363840);
  --ed-text-1: var(--fg, #e4e6ec);
  --ed-text-2: var(--fg-2, #9098ad);
  --ed-text-3: var(--fg-3, #555b6e);
  --ed-icon-primary: var(--fg, #c4c8d8);
  --ed-icon-secondary: var(--fg-2, #6e7485);
  --ed-icon-muted: var(--fg-3, #444858);
  --ed-accent-green: var(--accent, #45e760);
  --ed-accent-green-text: var(--accent-text, #45e760);
  --ed-accent-green-glow: rgba(69, 231, 96, 0.12);
  --ed-accent-green-dim: rgba(69, 231, 96, 0.06);
  --ed-accent-blue: var(--info-fg, #2994ff);
  --ed-accent-blue-glow: rgba(41, 148, 255, 0.12);
  --ed-accent-teal: #3de0c4;
  --ed-version-card-from: #1a2d2a;
  --ed-version-card-to: #1c3030;
  --ed-version-badge: #3b50db;
  --ed-scrollbar-thumb: var(--fg-4, #2d2f3a);
  --ed-scrollbar-thumb-hover: var(--fg-3, #3a3d4a);
  --ed-msg-user-bg: var(--bg-2, #22242c);
  --ed-msg-user-text: var(--fg, #e4e6ec);
  --ed-artifact-bg: #1a2d2a;
  --ed-artifact-border: #1f4438;
}
.editor-canvas {
  background-color: var(--ed-canvas);
}

.editor-panel {
  background-color: var(--ed-surface-1);
}
.editor-header {
  background-color: var(--ed-canvas);
  border-bottom: 1px solid var(--ed-border);
}
.editor-chat-panel {
  background-color: var(--ed-surface-1);
  border-right: 1px solid var(--ed-border);
}
.editor-chat-header {
  background-color: var(--ed-surface-1);
  border-bottom: 1px solid var(--ed-border);
}
.editor-tab {
  color: var(--ed-text-tertiary);
  border-bottom: 2px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.editor-tab:hover {
  color: var(--ed-text-primary);
}

.editor-tab.active {
  color: var(--ed-text-primary);
  border-bottom-color: var(--ed-text-primary);
}
.editor-icon-btn {
  color: #6b7280;
  border-radius: 8px;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.editor-icon-btn:hover {
  color: #111827;
  background-color: #f3f4f6;
}
.editor-btn-share {
  background-color: transparent;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.8125rem;
  font-weight: 500;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.editor-btn-share:hover {
  background-color: #f9fafb;
  color: #111827;
  border-color: #9ca3af;
}
.editor-btn-publish {
  background-color: #111827;
  color: #ffffff;
  border-radius: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.editor-btn-publish:hover {
  background-color: #1f2937;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.editor-btn-publish:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.2);
}
.editor-messages-area {
  background-color: var(--ed-surface-1);
}
.editor-message-user {
  background-color: var(--ed-surface-2);
  color: var(--ed-text-primary);
  border-radius: 12px;
  border: 1px solid var(--ed-border);
}
.editor-message-assistant {
  color: var(--ed-text-primary);
}
.editor-tool-row {
  color: var(--ed-text-tertiary);
}

.editor-tool-badge {
  background-color: var(--ed-surface-2);
  border: 1px solid var(--ed-border);
  border-radius: 6px;
  color: var(--ed-text-secondary);
  font-size: 0.7rem;
}
.editor-version-card {
  background: linear-gradient(135deg, var(--ed-version-card-from) 0%, var(--ed-version-card-to) 100%);
  border: 1px solid rgba(61, 224, 196, 0.12);
  border-radius: 10px;
  transition: box-shadow 0.2s ease;
}

.editor-version-card:hover {
  box-shadow: 0 0 16px rgba(61, 224, 196, 0.08);
}
.editor-version-badge {
  background-color: #ffffff;
  color: rgba(51, 64, 77, 0.8);
  border-radius: 4px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 600;
  padding: 0 8px;
}
.editor-version-card-progress {
  background: linear-gradient(135deg, #1a2038 0%, #1c2540 100%);
  border: 1px solid rgba(41, 148, 255, 0.15);
}
.editor-version-card-complete {
  background: linear-gradient(135deg, var(--ed-version-card-from) 0%, var(--ed-version-card-to) 100%);
  border: 1px solid rgba(61, 224, 196, 0.12);
}
.editor-suggestions-bar {
  background-color: #ffffff;
  border-top: 1px solid #f3f4f6;
}

.editor-suggestion-chip {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.editor-suggestion-chip:hover {
  background-color: #ffffff;
  border-color: #d1d5db;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.editor-suggestion-chip:active {
  transform: scale(0.98);
}

.editor-suggestion-title {
  color: #111827;
  font-size: 0.875rem;
  font-weight: 500;
}

.editor-suggestion-desc {
  color: #6b7280;
  font-size: 0.75rem;
}
.starter-chip {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

.starter-chip:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.starter-chip:active {
  transform: scale(0.97);
}

.starter-chip-icon {
  font-size: 1rem;
  line-height: 1;
}

.starter-chip-label {
  color: #111827;
  font-size: 0.8125rem;
  font-weight: 500;
}
.editor-chat-input-wrapper {
  background-color: #ffffff;
  border-top: 1px solid #f3f4f6;
}

.editor-chat-input {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #111827;
  box-shadow: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.editor-chat-input:hover {
  background-color: #ffffff;
  border-color: #d1d5db;
}

.editor-chat-input:focus-within {
  background-color: #ffffff;
  border-color: #9ca3af;
  box-shadow: 0 0 0 1px #e5e7eb;
  outline: none;
}
.editor-chat-input:focus-visible,
.editor-chat-input textarea:focus-visible,
.editor-chat-input-wrapper *:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.editor-chat-input textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

.editor-chat-input textarea {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #111827 !important;
  caret-color: #45e760;
  outline: none !important;
  box-shadow: none !important;
}

.editor-chat-input textarea::-moz-placeholder {
  color: #9ca3af;
}

.editor-chat-input textarea::placeholder {
  color: #9ca3af;
}
.editor-send-btn {
  background-color: #16a34a;
  color: #0a0e0a;
  border-radius: 9999px;
  transition: background-color 0.15s ease;
  box-shadow: none;
  forced-color-adjust: none;
}

.editor-send-btn:hover:not(:disabled) {
  background-color: #15803d;
  box-shadow: none;
  filter: none;
}
.editor-send-btn i {
  forced-color-adjust: none;
}
.editor-send-btn:disabled {
  background-color: var(--bg-3, #222222);
  color: var(--fg-4, #555555);
  box-shadow: none;
  filter: none;
}
.editor-toolbar-icon {
  color: var(--ed-icon-secondary);
  transition: color 0.15s ease, background-color 0.15s ease;
  border-radius: 6px;
}

.editor-toolbar-icon:hover {
  color: var(--ed-text-secondary);
  background-color: var(--ed-surface-3);
}
.editor-preview-panel {
  background-color: var(--ed-canvas);
}
.editor-dropdown {
  background-color: var(--ed-surface-2);
  border: 1px solid var(--ed-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.editor-dropdown-item {
  color: var(--ed-text-secondary);
  transition: background-color 0.1s ease, color 0.1s ease;
}

.editor-dropdown-item:hover {
  background-color: var(--ed-surface-3);
  color: var(--ed-text-primary);
}
.editor-modal-panel {
  background-color: var(--ed-surface-1);
  border: 1px solid var(--ed-border);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
}
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--ed-scrollbar-thumb);
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--ed-scrollbar-thumb-hover);
}
.editor-avatar {
  background-color: var(--ed-surface-3);
  border: 2px solid var(--ed-canvas);
  color: var(--ed-text-secondary);
}
.editor-status-dot-live {
  background-color: var(--ed-accent-green);
  box-shadow: 0 0 6px var(--ed-accent-green-glow);
}

.editor-status-dot-building {
  background-color: var(--ed-accent-blue);
  box-shadow: 0 0 6px var(--ed-accent-blue-glow);
}
.editor-thought-row {
  color: var(--ed-text-tertiary);
  font-size: 0.7rem;
  font-style: italic;
}
.editor-divider {
  width: 1px;
  background-color: var(--ed-border);
  opacity: 0.7;
}
.editor-kbd {
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #6b7280;
  font-size: 0.65rem;
  padding: 1px 4px;
}
.editor-queue-banner {
  background-color: var(--bg-2, var(--ed-surface-2));
  border: 1px solid var(--line, var(--ed-border));
  border-radius: 8px;
  color: var(--fg-2, var(--ed-text-secondary));
}
.editor-mobile-nav {
  background-color: var(--ed-surface-1);
  border-top: 1px solid var(--ed-border);
}

.editor-mobile-tab {
  color: var(--ed-text-tertiary);
  transition: color 0.15s ease;
}

.editor-mobile-tab.active {
  color: var(--ed-text-primary);
  background-color: var(--ed-surface-2);
}
.editor-quick-chip {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  border-radius: 6px;
  font-size: 0.75rem;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.editor-quick-chip:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
  color: #111827;
}
.editor-ai-card {
}
.editor-ai-card .prose code::before,
.editor-ai-card .prose code::after,
.agent-loop-message .prose code::before,
.agent-loop-message .prose code::after,
.agent-reply-container .prose code::before,
.agent-reply-container .prose code::after {
  content: "" !important;
}
.editor-ai-card .prose,
.editor-ai-card .prose p,
.editor-ai-card .prose li,
.editor-ai-card .prose ul,
.editor-ai-card .prose ol,
.agent-loop-message .prose,
.agent-loop-message .prose p,
.agent-loop-message .prose li,
.agent-loop-message .prose ul,
.agent-loop-message .prose ol {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #33404D;
  font-feature-settings: 'liga' off, 'calt' off;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dark .editor-ai-card .prose,
.dark .editor-ai-card .prose p,
.dark .editor-ai-card .prose li,
.dark .editor-ai-card .prose ul,
.dark .editor-ai-card .prose ol,
.dark .agent-loop-message .prose,
.dark .agent-loop-message .prose p,
.dark .agent-loop-message .prose li,
.dark .agent-loop-message .prose ul,
.dark .agent-loop-message .prose ol {
  color: var(--fg-2);
}
.message-content .bg-\[\#E6E8EA\]\/80,
.message-content .bg-\[\#E6E8EA\]\/80 p {
  font-feature-settings: 'liga' off, 'calt' off;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
  .agent-reply-container .prose,
  .agent-reply-container .prose p,
  .agent-reply-container .prose li,
  .agent-reply-container .prose ul,
  .agent-reply-container .prose ol {
    font-size: 14px;
    line-height: 22px;
  }
}
.editor-ai-card .prose p,
.agent-loop-message .prose p {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.editor-ai-card .prose ul,
.editor-ai-card .prose ol,
.agent-loop-message .prose ul,
.agent-loop-message .prose ol {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding-left: 0;
}
.editor-ai-card .prose li,
.agent-loop-message .prose li {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.editor-ai-card .prose h3 {
  margin-top: 0.65em;
  margin-bottom: 0.2em;
}
.editor-ai-card .prose h4 {
  margin-top: 0.5em;
  margin-bottom: 0.15em;
}
.editor-ai-card .prose pre {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.editor-ai-card .prose blockquote {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.agent-reply-container .prose,
.agent-reply-container .prose p,
.agent-reply-container .prose li,
.agent-reply-container .prose ul,
.agent-reply-container .prose ol {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #33404D;
  font-feature-settings: 'liga' off, 'calt' off;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dark .agent-reply-container .prose,
.dark .agent-reply-container .prose p,
.dark .agent-reply-container .prose li,
.dark .agent-reply-container .prose ul,
.dark .agent-reply-container .prose ol {
  color: var(--fg-2);
}
.agent-reply-container .prose p {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.agent-reply-container .prose ul,
.agent-reply-container .prose ol {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding-left: 0;
}
.agent-reply-container .prose li {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.agent-reply-container .prose h3 {
  margin-top: 0.65em;
  margin-bottom: 0.2em;
}
.agent-reply-container .space-y-2 > * + * {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
}

.editor-ai-card-header {
  font-weight: 600;
  font-size: 0.875rem;
  color: #111827;
}
.editor-badge-edit {
  background-color: #fef3c7;
  color: #92400e;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 500;
}
.editor-badge-created {
  background-color: #d1fae5;
  color: #065f46;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 500;
}
.editor-badge-updated {
  background-color: #dbeafe;
  color: #1e40af;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 0.6875rem;
  font-weight: 500;
}
.editor-reaction-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.375rem;
}

.editor-reaction-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 6px;
  color: #9ca3af;
  transition: color 0.15s ease, background-color 0.15s ease;
  cursor: pointer;
  border: none;
  background: transparent;
}

.editor-reaction-btn:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.dark .editor-reaction-btn {
  color: var(--ed-text-3);
}

.dark .editor-reaction-btn:hover {
  color: var(--ed-text-1);
  background-color: var(--ed-surface-hover);
}
.editor-feedback-active {
  color: #059669;
  background-color: rgba(16, 185, 129, 0.12);
}

.editor-feedback-active:hover {
  color: #047857;
  background-color: rgba(16, 185, 129, 0.18);
}

.dark .editor-feedback-active {
  color: #34d399;
  background-color: rgba(52, 211, 153, 0.15);
}
.editor-feedback-active-negative {
  color: #dc2626;
  background-color: rgba(239, 68, 68, 0.12);
}

.editor-feedback-active-negative:hover {
  color: #b91c1c;
  background-color: rgba(239, 68, 68, 0.18);
}

.dark .editor-feedback-active-negative {
  color: #f87171;
  background-color: rgba(248, 113, 113, 0.15);
}
.editor-reason-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.15s ease;
}

.editor-reason-chip:hover {
  border-color: #d1d5db;
  background-color: #f3f4f6;
}

.dark .editor-reason-chip {
  border-color: var(--ed-border);
  background-color: var(--ed-surface-2);
  color: var(--ed-text-2);
}

.dark .editor-reason-chip:hover {
  background-color: var(--ed-surface-hover);
  color: var(--ed-text-1);
}

.editor-reason-chip-active {
  border-color: #ef4444;
  background-color: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

.dark .editor-reason-chip-active {
  border-color: rgba(248, 113, 113, 0.5);
  background-color: rgba(248, 113, 113, 0.15);
  color: #f87171;
}
.editor-metadata-line {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #9ca3af;
}

.editor-metadata-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.editor-metadata-link {
  color: var(--ed-accent-blue);
  cursor: pointer;
  font-size: 0.75rem;
}

.editor-metadata-link:hover {
  text-decoration: underline;
}
.editor-status-dot-completed {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #45e760;
  flex-shrink: 0;
}

.editor-status-dot-active {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #eab308;
  flex-shrink: 0;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.editor-status-dot-failed {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #ef4444;
  flex-shrink: 0;
}
.editor-status-dot-cancelled {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: #9ca3af;
  flex-shrink: 0;
}
.editor-surface-glow::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.025) 0%,
    rgba(255, 255, 255, 0) 50%
  );
  pointer-events: none;
}
.bg-gradient-primary {
  background: var(--gradient-primary);
}

.bg-gradient-secondary {
  background: var(--gradient-secondary);
}

.bg-gradient-vibrant {
  background: var(--gradient-vibrant);
}

.text-gradient-primary {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.shadow-primary {
  box-shadow: var(--shadow-primary);
}

.shadow-primary-lg {
  box-shadow: var(--shadow-primary-lg);
}
.btn-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .btn-primary {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4);
  }
}
.btn-primary {
  background: linear-gradient(135deg, #45e760 0%, #45e760 100%);
  color: var(--accent-fg, #0a0e0a) !important;
  text-shadow: none;
  box-shadow: none;
}
.btn-primary:hover {
  background: #7FED69 !important;
  transform: none;
  filter: none;
  box-shadow: none;
}
.btn-primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(69, 231, 96, 0.5);
}
.btn-primary:disabled{
  cursor: not-allowed;
  opacity: 0.7;
}

.btn-secondary{
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(40 40 40 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[data-controller="mobile-navigation"] button.btn-secondary {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .btn-secondary {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4);
  }
}

.btn-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.btn-secondary:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
.card-hover{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.card-hover:hover{
  --tw-translate-y: -0.25rem;
  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));
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@keyframes pulse-primary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

.animate-pulse-primary {
  animation: pulse-primary 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.btn-ghost{
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
  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;
}
[data-theme] .nav-bell-wrap .notification-item .btn-ghost{ color: var(--fg-2); }
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .btn-ghost {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4);
  }
}
.btn-ghost:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity, 1));
}
[data-theme] .nav-bell-wrap .notification-item .btn-ghost:hover{ color: var(--fg); }
.pill-brand{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity, 1));
}
@media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .pill-brand a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .pill-brand a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}
[data-theme] .nav-bell-wrap .notification-item .pill-brand{ color: var(--fg); }
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .pill-brand {
    display: none;
  }
}
.pill-brand {
  background-color: var(--primary-500);
}
.form-control{
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.form-control::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.form-control::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.form-control{
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-controller="mobile-navigation"] button.form-control {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
[data-theme] section.form-control { padding: 120px 0; }
[data-theme] section.form-control.tight { padding: 80px 0; }
@media (max-width: 720px) {

  [data-theme] section.form-control { padding: 64px 0; }
  [data-theme] section.form-control.tight { padding: 48px 0; }
}
.form-control:focus{
  border-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}
.select2-container { display: none !important; }
select.select2-hidden-accessible {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  border: revert !important;
}
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="search"],
input[type="time"],
input[type="week"],
select,
textarea {
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
}
.dark .form-control{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .form-control::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.dark .form-control::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
@media (prefers-color-scheme: dark) {
  
  a.dark .form-control {
    color: inherit;
  }
}
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="text"],
.dark input[type="tel"],
.dark input[type="url"],
.dark input[type="number"],
.dark input[type="date"],
.dark input[type="datetime-local"],
.dark input[type="month"],
.dark input[type="search"],
.dark input[type="time"],
.dark input[type="week"],
.dark select,
.dark textarea {
  background-color: var(--input-bg, #292b2d) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--input-border, #3a3d41) !important;
  color: var(--ed-text-primary, #f6f7f9) !important;
}
.dark input[type="email"]:focus,
.dark input[type="password"]:focus,
.dark input[type="text"]:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: var(--fg-4);
  box-shadow: var(--field-ring);
}

.dark input::-moz-placeholder, .dark textarea::-moz-placeholder {
  color: var(--input-placeholder, #818a94) !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
  color: var(--input-placeholder, #818a94) !important;
}
.dark .oauth-themed-input::-moz-placeholder {
  color: #5e5e5e !important;
}
.dark .oauth-themed-input::placeholder {
  color: #5e5e5e !important;
}
textarea[data-chat-form-target="textarea"],
.dark textarea[data-chat-form-target="textarea"],
/* DS v2 composer textarea (.composer-input — Computer/agent + project pages)
   needs the same escape: it lives inside a .composer card that carries the
   border/background, so the global `.dark textarea` !important block painted
   a visible inner box (quality sweep, Jun 2026). (0,2,1) beats (0,1,1). */
textarea.composer-input,
.dark textarea.composer-input {
  background-color: transparent !important;
  border-color: transparent !important;
}

.textarea-control{
  min-height: 112px;
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.textarea-control::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}

.textarea-control::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}

.textarea-control{
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-controller="mobile-navigation"] button.textarea-control {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

[data-theme] section.textarea-control { padding: 120px 0; }

[data-theme] section.textarea-control.tight { padding: 80px 0; }

@media (max-width: 720px) {

  [data-theme] section.textarea-control { padding: 64px 0; }
  [data-theme] section.textarea-control.tight { padding: 48px 0; }
}

.textarea-control:focus{
  border-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}

.dark .textarea-control{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark .textarea-control::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}

.dark .textarea-control::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}

@media (prefers-color-scheme: dark) {
  
  a.dark .textarea-control {
    color: inherit;
  }

  .textarea-control:focus {
    border-color: #45e760;
    box-shadow: 0 0 0 3px rgba(69, 231, 96, 0.25);
  }
}

.dark .textarea-control,
[data-theme="dark"] .textarea-control {
  background-color: var(--input-bg, #292b2d);
  border-color: var(--input-border, #3a3d41);
  color: #f6f7f9;
}
.select-control{
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.select-control::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.select-control::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.select-control{
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[data-controller="mobile-navigation"] button.select-control {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
[data-theme] section.select-control { padding: 120px 0; }
[data-theme] section.select-control.tight { padding: 80px 0; }
@media (max-width: 720px) {

  [data-theme] section.select-control { padding: 64px 0; }
  [data-theme] section.select-control.tight { padding: 48px 0; }
}
.select-control:focus{
  border-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}
.dark .select-control{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .select-control::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
.dark .select-control::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}
@media (prefers-color-scheme: dark) {
  
  a.dark .select-control {
    color: inherit;
  }

  .select-control:focus {
    border-color: #45e760;
    box-shadow: 0 0 0 3px rgba(69, 231, 96, 0.25);
  }
}
.dark .select-control,
[data-theme="dark"] .select-control {
  background-color: var(--input-bg, #292b2d);
  border-color: var(--input-border, #3a3d41);
  color: #f6f7f9;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --surface-default: #1b1c1d;
    --surface-lv1: #202123;
    --surface-lv2: #292b2d;
    --surface-lv3: #303335;
    --surface-dark: #001021;
    --modal-default: #001021;
    --modal-lv1: #001d39;
    --overlay-default: #001d39;
    --overlay-hover: #001021;
    --overlay-active: #33404d;
    --overlay-active-hover: #33404d;
    --text-primary: #f6f7f9;
    --text-primary-fixed: #001021;
    --text-secondary: #d0d2d4;
    --text-tertiary: #818a94;
    --text-light: #001021;
    --text-disabled: #33404d;
    --icon-primary: #f6f7f9;
    --icon-secondary: #d0d2d4;
    --icon-tertiary: #b3b9c0;
    --icon-white: #001021;
    --icon-disabled: #545f6a;
    --stroke-primary: #2e2e2e;
    --stroke-secondary: #33404d;
    --stroke-tertiary: #818a94;
    --stroke-white: #001021;
    --fade-dark: #e6e8ea;
    --fade-base: #b3b9c0;
    --fade-light: #0011211e;
    --fade-lighter: #00112114;
    --state-primary-dark: #6bec81;
    --state-primary-base: #45e760;
    --state-primary-light: #2994ff4c;
    --state-primary-lighter: #2994ff33;
    --state-info-dark: #70b7ff;
    --state-info-base: #2994ff;
    --state-info-light: #2994ff4c;
    --state-info-lighter: #2994ff33;
    --state-pending-dark: #ffd370;
    --state-pending-base: #ffc84c;
    --state-pending-light: #ffc84c4c;
    --state-pending-lighter: #ffc84c33;
    --state-error-dark: #e56933;
    --state-error-base: #de4400;
    --state-error-light: #ff692e4c;
    --state-error-lighter: #ff692e33;
    --state-success-dark: #6bec81;
    --state-success-base: #45e760;
    --state-success-light: #45e7604c;
    --state-success-lighter: #45e76033;
    --primary-500: #45e760;
    --primary-600: #45e760;
  }
  .button,
  .button.full,
  input[type="submit"].button,
  button.button {
    color: #25282d !important;
    font-weight: 600;
  }

  .button:hover,
  .button.full:hover {
    color: #25282d !important;
  }
  .btn-primary {
    background: linear-gradient(135deg, #45e760 0%, #30a444 100%);
    color: var(--accent-fg, #0a0e0a) !important;
    box-shadow: none;
  }

  .btn-primary:hover {
    background: #7FED69 !important;
    filter: none;
    box-shadow: none;
  }
  html:not([data-theme]) a {
    color: #6bec81 !important;
  }

  html:not([data-theme]) a:hover {
    color: #82ef94 !important;
  }
  .button a,
  .button-secondary a,
  a.button,
  a.button-secondary,
  a[class*="btn-"]:not([class*="accent-fg"]):not([class*="text-black"]):not([class*="billing-card-btn"]):not([class*="monetize-btn"]):not([class*="btn-primary"]):not([class*="affiliate-btn"]),
  a[class*="bg-primary"]:not([class*="accent-fg"]):not([class*="text-black"]):not([class*="billing-card-btn"]):not([class*="monetize-btn"]):not([class*="btn-primary"]):not([class*="affiliate-btn"]),
  a.text-white,
  a[class*="inline-flex"][class*="bg-"]:not([class*="accent-fg"]):not([class*="text-black"]):not([class*="billing-card-btn"]):not([class*="monetize-btn"]):not([class*="btn-primary"]):not([class*="affiliate-btn"]),
  a[class*="inline-flex"][class*="border-"]:not([class*="accent-fg"]):not([class*="text-black"]):not([class*="billing-card-btn"]):not([class*="monetize-btn"]):not([class*="btn-primary"]):not([class*="affiliate-btn"]) {
    color: inherit !important;
  }
  html:not([data-theme]) .help a,
  html:not([data-theme]) [class*="help"] a,
  html:not([data-theme]) .field-help a,
  html:not([data-theme]) p.text-slate-500 a,
  html:not([data-theme]) p.text-slate-400 a,
  html:not([data-theme]) .text-slate-500 a,
  html:not([data-theme]) .text-slate-400 a,
  html:not([data-theme]) .text-xs a {
    color: #6bec81 !important;
  }

  html:not([data-theme]) .help a:hover,
  html:not([data-theme]) [class*="help"] a:hover,
  html:not([data-theme]) .field-help a:hover,
  html:not([data-theme]) p.text-slate-500 a:hover,
  html:not([data-theme]) p.text-slate-400 a:hover,
  html:not([data-theme]) .text-slate-500 a:hover,
  html:not([data-theme]) .text-slate-400 a:hover,
  html:not([data-theme]) .text-xs a:hover {
    color: #82ef94 !important;
    text-decoration: underline;
  }
  .divider,
  [class*="divider"],
  hr {
    border-color: #33404d;
  }

  .divider span,
  [class*="divider"] span {
    color: #d0d2d4;
    background-color: #202123;
  }
  html:not([data-theme]) .decision-line span,
  html:not([data-theme]) [class*="decision"] span,
  html:not([data-theme]) .text-lime-500,
  html:not([data-theme]) .text-lime-600,
  html:not([data-theme]) .text-primary-500,
  html:not([data-theme]) .text-primary-600 {
    color: #6bec81 !important;
  }
  .pill-brand {
    color: #25282d;
  }

  .form-control:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="text"]:focus {
    border-color: #45e760;
    box-shadow: 0 0 0 3px rgba(69, 231, 96, 0.25);
  }
  .bg-red-100,
  .bg-red-900,
  [class*="bg-red-100"],
  [class*="bg-red-900"] {
    background-color: rgba(153, 27, 27, 0.25) !important;
  }

  .border-red-200,
  .border-red-700,
  [class*="border-red"] {
    border-color: rgba(185, 28, 28, 0.5) !important;
  }

  .text-red-900,
  .text-red-100,
  [class*="text-red-900"],
  [class*="text-red-100"] {
    color: #fca5a5 !important;
  }
  .flash-notice,
  .notice,
  .bg-amber-100 {
    background-color: rgba(69, 231, 96, 0.15) !important;
    border-color: #45e760 !important;
  }

  .text-amber-800 {
    color: #6bec81 !important;
  }
}
.dark .form-control,
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="text"],
.dark select,
.dark textarea,
[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="text"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: var(--input-bg, #292b2d);
  border-color: var(--input-border, #3a3d41);
  color: #f6f7f9;
}
.input-default {
  background-color: var(--input-bg);
  border-width: 1px;
  border-style: solid;
  border-color: var(--input-border);
  color: var(--input-text);
  border-radius: 0.5rem;
  padding: 0.625rem 0.75rem;
  min-height: 2.75rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.input-default::-moz-placeholder {
  color: var(--input-placeholder);
}

.input-default::placeholder {
  color: var(--input-placeholder);
}

.input-default:hover {
  background-color: var(--input-bg-hover);
  border-color: var(--input-border-hover);
}

.input-default:focus {
  outline: none;
  background-color: var(--input-bg-focus);
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 3px rgba(69, 231, 96, 0.15);
}

.input-default:disabled {
  background-color: var(--input-bg-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.card-base {
  background-color: var(--surface-1);
  border: 1px solid var(--border-default);
  border-radius: 0.75rem;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.card-base-hover {
  background-color: var(--surface-1);
  border: 1px solid var(--border-default);
  border-radius: 0.75rem;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.card-base-hover:hover {
  box-shadow: var(--card-shadow-hover);
  border-color: var(--card-border-hover);
  transform: translateY(-2px);
}
.btn-secondary-semantic{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .btn-secondary-semantic {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4);
  }
}
.btn-secondary-semantic {
  background-color: var(--button-secondary-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-default);
}

.btn-secondary-semantic:hover {
  background-color: var(--button-secondary-hover);
  border-color: var(--border-emphasis);
}

.btn-secondary-semantic:active {
  background-color: var(--button-secondary-active);
}

.btn-secondary-semantic:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-ghost-semantic{
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .btn-ghost-semantic {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4);
  }
}

.btn-ghost-semantic {
  color: var(--text-secondary);
  background-color: transparent;
}

.btn-ghost-semantic:hover {
  background-color: var(--button-ghost-hover);
  color: var(--text-primary);
}
.badge-success {
  background-color: var(--state-success-lighter);
  color: var(--state-success-dark);
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
@media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .badge-success a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .badge-success a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .badge-success {
    display: none;
  }
}

.badge-error {
  background-color: var(--state-error-lighter);
  color: var(--state-error-dark);
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .badge-error a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .badge-error a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .badge-error {
    display: none;
  }
}

.badge-warning {
  background-color: var(--state-pending-lighter);
  color: var(--state-pending-dark);
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .badge-warning a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .badge-warning a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .badge-warning {
    display: none;
  }
}

.badge-info {
  background-color: var(--state-info-lighter);
  color: var(--state-info-dark);
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .badge-info a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .badge-info a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .badge-info {
    display: none;
  }
}
.badge-lg{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .badge-lg {
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4);
  }
}
.badge-neutral {
  background-color: var(--surface-2);
  color: var(--text-secondary);
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
@media (prefers-color-scheme: dark) {
  
  html:not([data-theme]) .badge-neutral a {
    color: #6bec81;
  }

  
  html:not([data-theme]) .badge-neutral a:hover {
    color: #82ef94;
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .badge-neutral {
    display: none;
  }
}
.divider-default {
  border-top: 1px solid var(--border-default);
}

.divider-subtle {
  border-top: 1px solid var(--border-subtle);
}
.section-separator {
  position: relative;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-subtle) 20%, var(--border-subtle) 80%, transparent);
  opacity: 0.6;
}
.section-separator-dot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.section-separator-dot::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-subtle) 20%, var(--border-subtle) 80%, transparent);
  opacity: 0.4;
}

.section-separator-dot::after {
  content: '';
  position: relative;
  width: 4px;
  height: 4px;
  background-color: var(--border-default);
  border-radius: 50%;
  z-index: 1;
}
.list-item-interactive {
  transition: background-color 0.15s ease;
}

.list-item-interactive:hover {
  background-color: var(--interactive-hover);
}

.list-item-interactive:active {
  background-color: var(--interactive-active);
}
.section-header {
  color: var(--text-primary);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.section-description {
  color: var(--text-secondary);
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-panel {
  background-color: var(--surface-1);
  border: 1px solid var(--border-default);
  border-radius: 1rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.table-header {
  background-color: var(--surface-2);
  border-bottom: 1px solid var(--border-default);
  color: var(--text-secondary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.75rem 1rem;
}

.table-row {
  border-bottom: 1px solid var(--border-subtle);
  transition: background-color 0.15s ease;
}

.table-row:hover {
  background-color: var(--interactive-hover);
}

.table-cell {
  color: var(--text-primary);
  padding: 1rem;
}
.nav-item {
  color: var(--text-secondary);
  transition: color 0.15s ease, background-color 0.15s ease;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

.nav-item:hover {
  color: var(--text-primary);
  background-color: var(--interactive-hover);
}

.nav-item-active {
  color: var(--text-primary);
  background-color: var(--interactive-active);
  font-weight: 600;
}
*:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--interactive-focus));
  outline-offset: 2px;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--interactive-focus));
  outline-offset: 2px;
}
.bg-primary-400,
.bg-primary-500,
.bg-primary-600,
[style*="background: #45e760"],
[style*="background-color: #45e760"] {
  color: #052e16 !important;
}
.dark #custom-prompt,
#custom-prompt {
  background-color: transparent !important;
  color: #ffffff !important;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
.color-swatch {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 3px;
  border: 1px solid var(--border, rgba(0, 0, 0, 0.15));
  vertical-align: -0.15em;
  margin: 0 0.2em;
  cursor: help;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.dark .color-swatch {
  border-color: var(--editor-border, rgba(255, 255, 255, 0.15));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
button[data-dashboard-nav].bg-editor-surface-2 > i {
  color: var(--ed-accent-green);
}
.mobile-modal {
  max-height: 90vh;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-modal.active {
  transform: translateY(0);
}
body.mobile-editor {
  padding-bottom: 64px;
}
@media (max-width: 1023px) {
  [data-mobile-navigation-target="chatPanel"] {
    position: fixed;
    top: 3.5rem;
    bottom: 4rem;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 20;
  }
  [data-mobile-navigation-target="previewPanel"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  [data-mobile-navigation-target="previewControls"] {
    top: 3.5rem;
  }
  .lg\\:flex:not([data-mobile-navigation-target]) {
    display: none !important;
  }
}
[data-controller="mobile-navigation"] {
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1);
}
[data-controller="mobile-navigation"] button.bg-white {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
[data-mobile-navigation-target="previewControls"][class*="backdrop-blur"] {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
[data-mobile-navigation-target$="Panel"] {
  transition: opacity 0.2s ease-in-out;
}
.mobile-dropdown {
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown.active {
  transform: translateY(0);
}
.mobile-editor > div:first-child {
    z-index: 30;
  }
.mobile-editor [data-controller="mobile-navigation"] {
    z-index: 40;
  }
.mobile-editor .mobile-modal {
    z-index: 60;
  }
.mobile-modal {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  display: flex !important;
  align-items: flex-end !important;
}
@media (max-width: 1023px) {
  [data-controller="mobile-navigation"] button {
    min-width: 44px;
    min-height: 44px;
  }
  .modal-content-mobile .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .modal-content-mobile [data-version-history-target="content"] {
    position: relative;
  }
  
  .modal-content-mobile [data-version-history-target="content"]::after {
    content: '';
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to top, rgba(249, 250, 251, 0.9), transparent);
    pointer-events: none;
    z-index: 10;
  }
  
  .dark .modal-content-mobile [data-version-history-target="content"]::after {
    background: linear-gradient(to top, rgba(17, 24, 39, 0.9), transparent);
  }
}
@media (max-width: 1023px) {
  .modal-mobile-responsive {
    padding: 0 !important;
    align-items: flex-end !important;
  }
  .modal-mobile-responsive > div > div:last-child,
  .modal-content-mobile {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 1.5rem 1.5rem 0 0 !important;
    max-height: 85vh !important;
    margin: 0 !important;
    animation: slideUp 0.3s ease-out;
    padding-bottom: env(safe-area-inset-bottom) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .modal-content-mobile > div:first-child {
    border-radius: 1.5rem 1.5rem 0 0 !important;
    overflow: hidden !important;
  }
  .modal-content-mobile > div:first-child .flex {
    justify-content: space-between !important;
  }
  .modal-content-mobile > div:last-child,
  .modal-content-mobile .bg-gray-50,
  .modal-content-mobile .px-6.py-4.border-t,
  .modal-content-mobile .px-6.py-4 {
    border-radius: 0 !important;
    background-color: rgb(249 250 251) !important;
  }
  .dark .modal-content-mobile > div:last-child,
  .dark .modal-content-mobile .bg-gray-50,
  .dark .modal-content-mobile .px-6.py-4.border-t,
  .dark .modal-content-mobile .px-6.py-4 {
    background-color: rgb(17 24 39) !important;
  }
  .modal-content-mobile > div:last-child {
    flex: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  @keyframes slideUp {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }
  .modal-mobile-responsive > div:first-child {
    position: fixed !important;
    inset: 0 !important;
  }
}

@media (max-width: 768px) {
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),
  textarea,
  select {
    font-size: 16px !important;
  }
}
:root {
  --brand:        #45E760;
  --brand-fg:     #0a0e0a;
  --focus-ring:
    0 0 0 3px color-mix(in srgb, var(--brand) 30%, transparent);
  --focus-ring-color:
    color-mix(in srgb, var(--brand) 40%, transparent);
  --font-display: "Grifter", system-ui, sans-serif;
  --font-body:    "Geist", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --radius-xs:   4px;
  --radius-sm:   7px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   18px;
  --radius-pill: 999px;
  --cap-optical-nudge: 0.15em;
  --space-0:   0;
  --space-1:   4px;
  --space-1-5: 6px;
  --space-2:   8px;
  --space-2-5: 10px;
  --space-3:   12px;
  --space-3-5: 14px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   28px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-14:  56px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-30:  120px;
  --container-max:       1240px;
  --container-max-wide:  1440px;
  --container-pad:       32px;
  --container-pad-mobile: 20px;
  --section-pad:       120px;
  --section-pad-tight: 80px;
  --section-pad-mobile: 64px;
  --t-fast:    0.10s;
  --t-base:    0.15s;
  --t-slow:    0.20s;
  --t-progress: 0.5s;
  --t-pulse:    1.4s;
  --t-spin:     0.8s;
  --t-theme:   0.12s;
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --z-base:     0;
  --z-sticky:   50;
  --z-dropdown: 100;
  --z-modal:    1000;
  --z-tooltip:  1500;
  --z-toast:    2000;
}
:root[data-theme="dark"],
[data-theme="dark"] {
  color-scheme: dark;
  --accent:        #45E760;
  --accent-2:      #2ec84a;
  --accent-fg:     #0a0e0a;
  --accent-text:   #45E760;
  --accent-text-hover: #8CE747;
  --accent-hover:  #8CE747;
  --primary-hover: var(--accent-hover);
  --bg:    #202021;
  --bg-1:  #1b1b1c;
  --bg-2:  #2a2a2b;
  --bg-3:  #353536;

  --card-bg: #2a2a2b;
  --code-bg: #1b1b1c;
  --rail-bg:      #161617;
  --surf-chat:    #1a1a1b;
  --surf-dashnav: #1f1f20;
  --surf-content: #252526;
  --line:    #303031;
  --line-2:  #3d3d3e;
  --fg:    #f2f2f3;
  --fg-2:  #c6c6c7;
  --fg-3:  #9d9d9e;
  --fg-4:  #5e5e5f;
  --hover-bg:        #353536;
  --hover-bg-strong: #434344;
  --hover-border:    #585859;
  --oauth-hover:     #212325;
  --field-bg:        var(--bg-1);
  --inverse-bg:       #e6e8ea;
  --inverse-bg-hover: #ffffff;
  --inverse-fg:       #0F0F0F;
  --card-shadow: 0 1px 2px rgba(0,0,0,0.24);
  --hero-grid:     rgba(255,255,255,0.035);
  --chip-bg:       rgba(255,255,255,0.04);
  --chip-bg-hover: rgba(255,255,255,0.08);
  --success-fg: #45E760;
  --success-bg: rgba(69,231,96,0.10);
  --danger-fg:  #ff7a7a;
  --danger-bg:  rgba(255,92,92,0.10);
  --warning-fg: #f5c245;
  --warning-bg: rgba(245,194,69,0.10);
  --info-fg:    #67b8ff;
  --info-bg:    rgba(103,184,255,0.10);
  --queued-fg:  #f5d423;
  --queued-bg:  rgba(245,212,35,0.12);
  --status-live:     var(--accent);
  --status-building: var(--info-fg);
  --status-draft:    #c8a64a;
  --status-failed:   var(--danger-fg);
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #c98500;
  --shadow-sm:     0 1px 2px rgba(0,0,0,0.30);
  --scrim:         rgba(0,0,0,0.5);
  --ink-on-color-dark:  #0a0e0a;
  --ink-on-color-light: #ffffff;
  --shadow:        0 4px 14px rgba(0,0,0,0.45);
  --shadow-md:     0 8px 24px rgba(0,0,0,0.50);
  --shadow-lg:     0 16px 40px rgba(0,0,0,0.55);
  --shadow-xl:     0 30px 60px -30px rgba(0,0,0,0.60);
  --auth-card-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 24px 60px -24px rgba(0,0,0,0.5);
  --composer-shadow:
    0 1px 0 0 rgba(255,255,255,0.02) inset,
    0 14px 32px -20px rgba(0,0,0,0.34);
  --composer-focus-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent),
    0 14px 32px -20px rgba(0,0,0,0.34);
  --focus-ring:
    0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);
}
:root[data-theme="light"],
[data-theme="light"] {
  color-scheme: light;
  --accent:        #45E760;
  --accent-2:      #2ec84a;
  --accent-fg:     #0a0e0a;
  --accent-text:   #0f7a23;
  --accent-text-hover: #0a5a19;
  --accent-hover:  #8CE747;
  --primary-hover: var(--accent-hover);
  --bg:    #f6f6f7;
  --bg-1:  #f0f0f1;
  --bg-2:  #fbfbfc;
  --bg-3:  #e7e7e8;

  --card-bg: #fbfbfc;
  --code-bg: #f0f0f1;
  --rail-bg:      #e7e7e8;
  --surf-chat:    #efeff0;
  --surf-dashnav: #f6f6f7;
  --surf-content: #ffffff;
  --line:    #e0e0e1;
  --line-2:  #d1d1d2;
  --fg:    #121213;
  --fg-2:  #323233;
  --fg-3:  #626263;
  --fg-4:  #a0a0a1;
  --hover-bg:        #e7e7e8;
  --hover-bg-strong: #dbdbdc;
  --hover-border:    #b7b7b8;
  --oauth-hover:     #f2f4f5;
  --field-bg:        var(--bg-2);
  --inverse-bg:       #22262e;
  --inverse-bg-hover: #0F0F0F;
  --inverse-fg:       #ffffff;
  --card-shadow: 0 1px 2px rgba(15,23,42,0.06);
  --hero-grid:     rgba(0,0,0,0.045);
  --chip-bg:       #fbfbfc;
  --chip-bg-hover: #f0f0f1;
  --success-fg: #1a8730;
  --success-bg: rgba(69,231,96,0.12);
  --danger-fg:  #c4252b;
  --danger-bg:  rgba(196,37,43,0.08);
  --warning-fg: #946000;
  --warning-bg: rgba(245,194,69,0.18);
  --info-fg:    #0e6dd0;
  --info-bg:    rgba(14,109,208,0.08);
  --queued-fg:  #7a6a00;
  --queued-bg:  rgba(245,212,35,0.18);
  --status-live:     var(--accent-text);
  --status-building: var(--info-fg);
  --status-draft:    var(--queued-fg);
  --status-failed:   var(--danger-fg);
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #eda100;
  --shadow-sm:     0 1px 2px rgba(0,0,0,0.05);
  --scrim:         rgba(0,0,0,0.5);
  --ink-on-color-dark:  #0a0e0a;
  --ink-on-color-light: #ffffff;
  --shadow:        0 4px 12px rgba(15,23,42,0.06);
  --shadow-md:     0 8px 20px rgba(15,23,42,0.08);
  --shadow-lg:     0 16px 40px rgba(15,23,42,0.10);
  --shadow-xl:     0 24px 48px rgba(15,23,42,0.12);
  --auth-card-shadow: 0 1px 2px rgba(15,23,42,0.05), 0 24px 60px -30px rgba(15,23,42,0.18);
  --composer-shadow:
    0 1px 2px rgba(0,0,0,0.03),
    0 16px 40px -16px rgba(0,0,0,0.10);
  --composer-focus-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent),
    0 16px 40px -16px rgba(0,0,0,0.10);
  --focus-ring:
    0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);
}
:where([data-theme]) *,
:where([data-theme]) *::before,
:where([data-theme]) *::after { box-sizing: border-box; }

:where([data-theme]) body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-weight: var(--weight-medium);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  transition: background var(--t-theme) ease, color var(--t-theme) ease;
}

:where([data-theme]) ::-moz-selection { background: var(--accent); color: var(--accent-fg); }

:where([data-theme]) ::selection { background: var(--accent); color: var(--accent-fg); }

:where([data-theme]) a { color: inherit; }
:where([data-theme]) button { font: inherit; color: inherit; background: transparent; border-width: 0; padding: 0; cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
  :where([data-theme]) *,
  :where([data-theme]) *::before,
  :where([data-theme]) *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
:where(html.theme-changing) *,
:where(html.theme-changing) *::before,
:where(html.theme-changing) *::after {
  transition: none !important;
}

@supports (view-transition-name: none) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 120ms;
    animation-timing-function: ease-out;
  }
}
@font-face {
  font-family: "Grifter";
  src: url(/assets/GRIFTER-Bold.woff2) format("woff2"),
       url(/assets/GRIFTER-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
[data-theme] .text-display-xl { font-family: var(--font-display); font-weight: 700; font-size: clamp(40px, 6vw, 72px);   line-height: 0.98; letter-spacing: -0.025em; text-wrap: balance; }
[data-theme] .text-display-lg { font-family: var(--font-display); font-weight: 700; font-size: clamp(34px, 4.8vw, 60px); line-height: 1.05; letter-spacing: -0.025em; text-wrap: balance; }
[data-theme] .text-display-md { font-family: var(--font-display); font-weight: 700; font-size: clamp(32px, 4vw, 48px);   line-height: 1.05; letter-spacing: -0.025em; text-wrap: balance; }
[data-theme] .text-heading-lg { font-family: var(--font-display); font-weight: 700; font-size: clamp(26px, 3vw, 36px);   line-height: 1.10; letter-spacing: -0.020em; text-wrap: balance; }
[data-theme] .text-heading-md { font-family: var(--font-display); font-weight: 700; font-size: 26px; line-height: 1.20; letter-spacing: -0.020em; text-wrap: balance; }
[data-theme] .text-heading-sm { font-family: var(--font-body);    font-weight: 600; font-size: 20px; line-height: 1.30; letter-spacing: -0.005em; text-wrap: balance; }
[data-theme] .text-title-lg   { font-family: var(--font-body);    font-weight: 600; font-size: 18px; line-height: 1.30; letter-spacing: -0.005em; text-wrap: balance; }
[data-theme] .text-title-md   { font-family: var(--font-body);    font-weight: 600; font-size: 16px; line-height: 1.40; text-wrap: balance; }
[data-theme] .text-title-sm   { font-family: var(--font-body);    font-weight: 600; font-size: 14px; line-height: 1.40; text-wrap: balance; }
[data-theme] .text-body-lg    { font-family: var(--font-body);    font-weight: 500; font-size: 18px; line-height: 1.50; text-wrap: pretty; }
[data-theme] .text-body-md    { font-family: var(--font-body);    font-weight: 500; font-size: 15px; line-height: 1.50; text-wrap: pretty; }
[data-theme] .text-body-sm    { font-family: var(--font-body);    font-weight: 500; font-size: 13px; line-height: 1.50; text-wrap: pretty; }
[data-theme] .text-eyebrow    { font-family: var(--font-mono);    font-weight: 600; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fg-3); }
[data-theme] .text-eyebrow-sm { font-family: var(--font-mono);    font-weight: 600; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-3); }
[data-theme] .text-mono       { font-family: var(--font-mono);    font-weight: 500; font-size: 12px; letter-spacing: 0.06em; color: var(--fg-3); }
[data-theme] .text-caption    { font-family: var(--font-body);    font-weight: 400; font-size: 12px; line-height: 1.50; color: var(--fg-3); text-wrap: pretty; }

[data-theme] .grifter { font-family: var(--font-display); font-weight: 700; letter-spacing: -0.01em; }
[data-theme] .mono    { font-family: var(--font-mono); }
[data-theme] .tabular-nums { font-variant-numeric: tabular-nums; }
:where([data-theme]) h1, :where([data-theme]) .h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(34px, 4.8vw, 60px); line-height: 1.05; letter-spacing: -0.025em; margin: 0 0 0.4em; text-wrap: balance; }
:where([data-theme]) h2, :where([data-theme]) .h2 { font-family: var(--font-display); font-weight: 700; font-size: clamp(26px, 3vw, 36px);   line-height: 1.10; letter-spacing: -0.020em; margin: 0 0 0.5em; text-wrap: balance; }
:where([data-theme]) h3, :where([data-theme]) .h3 { font-family: var(--font-body);    font-weight: 600; font-size: 20px; line-height: 1.30; margin: 0 0 0.5em; text-wrap: balance; }
:where([data-theme]) h4, :where([data-theme]) .h4 { font-family: var(--font-body);    font-weight: 600; font-size: 18px; line-height: 1.30; margin: 0 0 0.5em; text-wrap: balance; }
:where([data-theme]) h5, :where([data-theme]) .h5 { font-family: var(--font-body);    font-weight: 600; font-size: 16px; line-height: 1.40; margin: 0 0 0.5em; text-wrap: balance; }
:where([data-theme]) p { font-family: var(--font-body); font-weight: 500; font-size: 15px; line-height: 1.50; color: var(--fg-2); margin: 0 0 1em; text-wrap: pretty; }
:where([data-theme]) li,
:where([data-theme]) figcaption,
:where([data-theme]) blockquote { text-wrap: pretty; }
[data-theme] .ds-ui-text p {
  margin-bottom: 0;
}
:where([data-theme] .ds-ui-text) :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
}
[data-theme] .ds-ui-text .ds-callout-body p {
  margin-bottom: 1em;
}
[data-theme] .ds-ui-text .ds-callout-body p:last-child {
  margin-bottom: 0;
}

:where([data-theme]) code,
:where([data-theme]) pre,
:where([data-theme]) kbd { font-family: var(--font-mono); font-size: 0.9em; }
[data-theme] .ds-optical-title {
  transform: translateY(var(--cap-optical-nudge));
}

[data-theme] .brand{
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--fg);
  font-family: var(--font-display); font-weight: 700;
  letter-spacing: -0.01em;
  transition: color var(--t-base);
}
[data-theme] .brand:hover{ color: var(--accent-text-hover); text-decoration: none; }
[data-theme] .brand-mark{
  width: var(--mark-size, 28px); height: var(--mark-size, 28px);
  display: inline-flex; flex: 0 0 auto;
}
[data-theme] .brand-mark svg{ width: 100%; height: 100%; display: block; }
[data-theme] .brand-word{
  font-size: calc(var(--mark-size, 28px) * 0.78);
  line-height: 1;
  text-transform: lowercase;
  letter-spacing: 0.005em;
  transform: translateY(0.10em);
}

[data-theme] .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font-body);
  font-weight: 600;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out),
              transform var(--t-fast) var(--ease-out);
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--fg);
  forced-color-adjust: none;
}
[data-theme] .btn:active:not(:disabled){ transform: scale(0.98); }
[data-theme] .btn:focus:not(:focus-visible){ outline: none; box-shadow: none; }
[data-theme] .btn:focus-visible{ outline: none; box-shadow: var(--focus-ring); }
[data-theme] .btn:disabled,
[data-theme] .btn[aria-disabled="true"]{ opacity: 0.5; cursor: not-allowed; }
[data-theme] .btn.is-loading{ cursor: progress; }
[data-theme] .btn-block{ width: 100%; }

[data-theme] .btn-sm{ height: 32px; padding: 0 12px; font-size: 13px; }
[data-theme] .btn-md{ height: 40px; padding: 0 18px; font-size: 14px; }
[data-theme] .btn-lg{ height: 48px; padding: 0 24px; font-size: 16px; }

/* !important is here to overpower the legacy `.btn-primary { color: #052e16 !important }`
   in app/assets/stylesheets/theme.css (lines 1344 + 1588). That rule pre-dates the v2
   design system and uses Tailwind green-950 (#052e16) for the text, which technically
   passes WCAG AA on the brand green but visually reads as "washed-out green-on-green"
   (the hue family is too close). The DS spec is #0a0e0a (--accent-fg) which gives much
   better visual separation. Without !important here, the legacy rule wins via cascade
   importance even though our specificity is higher (0,2,0 vs 0,1,0). Legacy non-v2
   surfaces still get the legacy color — this only flips the buttons inside [data-theme]. */
[data-theme] .btn-primary{ background: var(--accent); color: var(--accent-fg) !important; border-color: var(--accent); forced-color-adjust: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; }
[data-theme] .btn-primary:hover:not(:disabled){ background: var(--accent-hover) !important; border-color: var(--accent-hover) !important; color: var(--accent-fg) !important; }
.btn-primary{ background: var(--accent, #45E760); color: var(--accent-fg, #0a0e0a) !important; border-color: var(--accent, #45E760); forced-color-adjust: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; }
.btn-primary:hover:not(:disabled){ color: var(--accent-fg, #0a0e0a) !important; }
[data-theme] .btn-light{ background: var(--bg-2); color: var(--accent-text); border-color: var(--line-2); }
[data-theme] .btn-light:hover:not(:disabled){ background: color-mix(in srgb, var(--accent) 8%, var(--bg-2)); border-color: color-mix(in srgb, var(--accent) 30%, var(--line-2)); color: var(--accent-text); }

[data-theme] .btn-ghost{ background: transparent; color: var(--fg); border-color: var(--line-2); }
[data-theme] .btn-ghost:hover:not(:disabled){ background: var(--hover-bg); border-color: var(--hover-border); }
[data-theme] .btn-ghost--danger{ color: var(--danger-fg); }
[data-theme] .btn-ghost--danger:hover:not(:disabled){
  color: var(--danger-fg);
  background: var(--danger-bg);
  border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line));
}
[data-theme] .btn-secondary{ background: var(--bg-2); color: var(--fg); border-color: var(--line-2); }
[data-theme] .btn-secondary:hover:not(:disabled){ background: var(--hover-bg); border-color: var(--hover-border); }

[data-theme] .btn-link{ background: transparent; color: var(--fg-2); border-color: transparent; padding-left: 0; padding-right: 0; }
[data-theme] .btn-link:hover:not(:disabled){ color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }

[data-theme] .btn-icon{ width: 1em; height: 1em; flex: 0 0 auto; }

[data-theme] .btn-spinner{
  width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid currentColor; border-right-color: transparent;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

[data-theme] .visually-hidden{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
[data-theme] .btn-danger{
  background: #c4252b;
  color: #fff;
  border-color: transparent;
  forced-color-adjust: none;
}
[data-theme] .btn-danger:hover:not(:disabled){
  background: #a81f24;
}
[data-theme] .btn-danger:focus-visible{
  outline: 2px solid var(--danger-fg);
  outline-offset: 2px;
}

[data-theme] .icon-btn{
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; color: var(--fg-2);
  border: 1px solid transparent; border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .icon-btn:hover{ background: var(--hover-bg); border-color: var(--hover-border); color: var(--fg); }
[data-theme] .icon-btn:focus-visible{ outline: none; box-shadow: var(--focus-ring); }
[data-theme] .icon-btn:active{ transform: scale(0.96); }
[data-theme] .icon-btn[aria-pressed="true"]{ background: var(--hover-bg); color: var(--accent-text); border-color: var(--line-2); }
[data-theme] .icon-btn svg{ width: 18px; height: 18px; }

[data-theme] .icon-btn-circle{ border-radius: 50%; }
[data-theme] .icon-btn-square{ border-radius: var(--radius-sm); }
[data-theme] .icon-btn-sm{ width: 28px; height: 28px; border-radius: var(--radius-xs); }
[data-theme] .icon-btn-sm svg{ width: 14px; height: 14px; }

[data-theme] .chip{
  display: inline-flex; align-items: center; gap: 6px;
  height: 28px; padding: 0 12px;
  background: var(--chip-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  font-family: var(--font-mono); font-size: 12px;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .chip:hover{ background: var(--chip-bg-hover); color: var(--fg-2); }

[data-theme] .prompt-chip{
  display: inline-flex; align-items: center; gap: 8px;
  height: 32px; padding: 0 14px;
  background: var(--chip-bg);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  font-family: var(--font-body); font-weight: 500; font-size: 13px;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base), transform var(--t-fast);
}
[data-theme] .prompt-chip:hover{ background: var(--chip-bg-hover); border-color: var(--hover-border); color: var(--fg); }
[data-theme] .prompt-chip:active{ transform: scale(0.98); }
[data-theme] .prompt-chip-icon{ width: 12px; height: 12px; color: var(--fg-2); }
[data-theme] .prompt-chip:hover .prompt-chip-icon{ color: var(--fg); }
[data-theme="dark"] .prompt-chip:hover .prompt-chip-icon{ color: var(--accent-text); }

[data-theme] .link-chip{
  display: inline-flex; align-items: center; gap: 6px;
  height: 28px; padding: 0 12px;
  background: transparent; border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--fg-2); text-decoration: none;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
}
[data-theme] .link-chip:hover{ color: var(--fg); border-color: var(--hover-border); }
[data-theme] .ds-disclosure-chip{
  display: inline-flex; align-items: center; gap: 7px;
  height: 30px; padding: 0 12px;
  background: var(--chip-bg);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  font-family: var(--font-body); font-weight: 500; font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .ds-disclosure-chip::-webkit-details-marker{ display: none; }
[data-theme] .ds-disclosure-chip:hover{ background: var(--chip-bg-hover); color: var(--fg); }
[data-theme] .ds-disclosure-chip > i{ color: var(--fg-3); }

[data-theme] .eyebrow--accent{ color: var(--accent-text); }

[data-theme] .status-pill{
  display: inline-flex; align-items: center; gap: 6px;
  height: 24px; padding: 0 10px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono); font-weight: 500; font-size: 11px; letter-spacing: 0.04em;
  color: var(--fg-2);
}
[data-theme] .status-dot{
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--fg-4); flex: 0 0 auto;
}

[data-theme] .status-pill--live    .status-dot{ background: var(--accent); animation: ds-status-pulse 2s ease-in-out infinite; }
[data-theme] .status-pill--beta    .status-dot{ background: var(--info-fg); }
[data-theme] .status-pill--warn    .status-dot{ background: var(--warning-fg); }
[data-theme] .status-pill--down    .status-dot{ background: var(--danger-fg); }
[data-theme] .status-pill--neutral .status-dot{ background: var(--fg-4); }
[data-theme] .status-pill--ok      .status-dot{ background: var(--success-fg); }
[data-theme] .status-pill.status-pill--ok {
  background: color-mix(in srgb, var(--success-fg) 12%, var(--bg-2));
  border-color: color-mix(in srgb, var(--success-fg) 34%, var(--line));
}
[data-theme] .status-pill.status-pill--warn {
  background: color-mix(in srgb, var(--warning-fg) 12%, var(--bg-2));
  border-color: color-mix(in srgb, var(--warning-fg) 34%, var(--line));
}
[data-theme] .status-pill.status-pill--down {
  background: color-mix(in srgb, var(--danger-fg) 12%, var(--bg-2));
  border-color: color-mix(in srgb, var(--danger-fg) 34%, var(--line));
}
[data-theme] .status-pill--interactive{
  cursor: pointer;
  transition: background-color var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .status-pill--interactive:hover{ background: var(--hover-bg); }
[data-theme] .status-pill--interactive:focus-visible{ outline: none; box-shadow: var(--focus-ring); }
@keyframes ds-status-pulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent); }
  50%      { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent) 0%,  transparent); }
}

[data-theme] .capability-meter {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: 1;
  vertical-align: middle;
}

[data-theme] .capability-meter__slot {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  background: currentColor;
  opacity: 0.28;
}

[data-theme] .capability-meter__slot.is-filled {
  opacity: 1;
}

[data-theme] .ds-tip {
  position: relative;
}

[data-theme] .ds-tip::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  white-space: nowrap;
  padding: 3px 7px;
  border-radius: 5px;
  background: var(--bg-2);
  color: var(--fg-2);
  border: 1px solid var(--line);
  font: 500 11px var(--font-body);
  letter-spacing: 0.01em;
  opacity: 0;
  pointer-events: none;
  transition: opacity 100ms ease, transform 140ms ease;
  z-index: 70;
}

[data-theme] .ds-tip:hover::after,
[data-theme] .ds-tip:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
[data-theme] .ds-tip--right::after {
  left: auto;
  right: 0;
  transform: translateX(0) translateY(4px);
  bottom: calc(100% + 7px);
  padding: 4px 7px;
  border-radius: var(--radius-sm);
  background: var(--bg-1);
  border-color: var(--line-2);
  color: var(--fg);
  font: 600 10.5px var(--font-body);
  transition: opacity 120ms ease, transform 120ms ease;
}
[data-theme] .ds-tip--right:hover::after,
[data-theme] .ds-tip--right:focus-visible::after {
  transform: translateX(0) translateY(0);
}
[data-theme] .ds-tip:disabled::after,
[data-theme] .ds-tip--right:disabled::after {
  content: none;
}

[data-theme] .seg {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 2px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
[data-theme] .seg-thumb {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 0;
  border-radius: 6px;
  background: var(--bg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  pointer-events: none;
  z-index: 0;
  transition:
    left 0.18s cubic-bezier(0.3, 0.9, 0.4, 1),
    width 0.18s cubic-bezier(0.3, 0.9, 0.4, 1);
}

[data-theme="light"] .seg-thumb {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
[data-theme] .seg-thumb.no-anim {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .seg-thumb {
    transition: none;
  }
}

[data-theme] .seg-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 22px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--fg-3);
  font-family: "Geist", system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 6px;
  white-space: nowrap;
  transition:
    background 0.12s,
    color 0.12s;
}

[data-theme] .seg-btn svg {
  width: 12px;
  height: 12px;
  flex: none;
}

[data-theme] .seg-btn:hover {
  color: var(--fg-2);
}
[data-theme] .seg-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .seg-btn.active {
  color: var(--accent-text);
}
[data-theme] .seg-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--dot, var(--accent-text));
  flex: none;
}
[data-theme] .seg.lg .seg-btn {
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
}
[data-theme] .seg.fill {
  display: flex;
  width: auto;
  min-width: 0;
}

[data-theme] .seg.fill .seg-btn {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
[data-theme] .seg.fill .seg-btn > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme] .ds-appearance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 30px;
  padding: 2px 8px;
}
[data-theme] .ds-appearance__label {
  padding-left: calc(14.5px + 9px);
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-2);
  white-space: nowrap;
}
@media (pointer: coarse) {
  [data-theme] .ds-appearance {
    flex-wrap: wrap;
    row-gap: 6px;
    padding-bottom: 6px;
    flex-shrink: 0;
  }
  [data-theme] .ds-appearance .seg {
    flex: 1 1 100%;
    width: auto;
  }
  [data-theme] .ds-appearance .seg.lg .seg-btn {
    flex: 1;
    height: 44px;
    min-width: 44px;
  }
}

[data-theme] .ds-tabs {
  display: flex;
  gap: 0;
  margin: 0 0 24px;
  padding: 0;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
  scrollbar-width: none;
}
[data-theme] .ds-tabs::-webkit-scrollbar {
  display: none;
}

[data-theme] .ds-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 12px 16px;
  margin-bottom: -1px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);
}
[data-theme] .ds-tab:hover {
  color: var(--fg-2);
}
[data-theme] .ds-tab:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: -2px;
  border-radius: 4px;
}
[data-theme] .ds-tab.is-active,
[data-theme] .ds-tab[aria-selected="true"] {
  color: var(--fg);
  border-bottom-color: var(--accent);
}
[data-theme] .ds-tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  padding: 0 5px;
  border-radius: var(--radius-pill);
  background: var(--bg-3);
  color: var(--fg-2);
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
}
[data-theme] .ds-tabs--sm .ds-tab {
  height: 34px;
  padding: 0 14px;
  gap: 8px;
}

[data-theme] .ds-container{
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
  width: 100%;
}

[data-theme] .ds-container-wide{ max-width: var(--container-max-wide); }

@media (max-width: 768px) {
  [data-theme] .ds-container {
    padding-left: var(--container-pad-mobile);
    padding-right: var(--container-pad-mobile);
  }
}

[data-theme] .nav{
  position: sticky; top: 0; z-index: var(--z-sticky);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  transition: border-color var(--t-base), background var(--t-base);
  border-bottom: 1px solid transparent;
}
[data-theme] .nav.is-scrolled{ border-bottom-color: var(--line); }

[data-theme] .nav-inner{
  display: flex; align-items: center; gap: 32px;
  height: 64px;
}

[data-theme] .nav-links{
  display: flex; gap: 4px; flex: 1;
  margin-left: 16px;
}
[data-theme] .nav-links a{
  padding: 8px 12px;
  font-size: 14px; font-weight: 500;
  color: var(--fg-2);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .nav-links a:hover,
[data-theme] .nav-links a:focus-visible{ color: var(--fg); background: var(--hover-bg); outline: none; }
[data-theme] .nav-links a.active{ color: var(--fg); background: var(--hover-bg); }

[data-theme] .nav-actions{
  display: flex; align-items: center; gap: 8px;
  margin-left: auto;
}

[data-theme] .nav-mobile-toggle{ display: none; }

[data-theme] .nav--editor .nav-inner{ gap: 16px; }
[data-theme] .nav--editor .nav-app-name{
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 768px) {
  [data-theme] .nav-inner { gap: 16px; height: 56px; }
  [data-theme] .nav-links { display: none; }
  [data-theme] .nav-mobile-toggle {
    display: inline-flex;
    margin-left: auto;
    margin-right: 8px;
  }
  [data-theme] .nav-actions .btn-link { display: none; }
}
[data-theme] .nav-mobile-sheet{
  position: fixed; inset: 0;
  background: var(--bg);
  z-index: var(--z-modal);
  display: none;
  flex-direction: column;
  padding: 24px;
}
[data-theme] .nav-mobile-sheet[data-open="true"]{ display: flex; }
[data-theme] .nav-mobile-sheet-header{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 32px;
}
[data-theme] .nav-mobile-sheet-links{
  display: flex; flex-direction: column; gap: 4px;
}
[data-theme] .nav-mobile-sheet-links a{
  padding: 14px 12px;
  font-size: 18px; font-weight: 500;
  color: var(--fg);
  text-decoration: none;
  border-radius: var(--radius-sm);
}
[data-theme] .nav-mobile-sheet-links a:hover{ background: var(--hover-bg); }
[data-theme] .nav-mobile-sheet-actions{
  margin-top: auto;
  display: flex; flex-direction: column; gap: 12px;
  padding-top: 32px;
}
[data-theme] .nav-user{ position: relative; }
[data-theme] .nav-avatar{
  width: 36px; height: 36px;
  border-radius: var(--radius-pill);
  background: var(--accent); color: var(--accent-fg);
  border: 1px solid transparent;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 14px; font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background var(--t-base), transform var(--t-fast), box-shadow var(--t-base);
  forced-color-adjust: none;
}
[data-theme] .nav-avatar > span[aria-hidden="true"]{
  display: block;
  line-height: 1;
  transform: translateY(var(--cap-optical-nudge));
}
[data-theme] .nav-avatar:hover{
  background: var(--primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--accent) 50%, transparent);
}
[data-theme] .nav-avatar:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}
[data-theme] .nav-avatar--photo{
  background: transparent;
  overflow: hidden;
  padding: 0;
}
[data-theme] .nav-avatar--photo img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radius-pill);
  display: block;
}

[data-theme] .nav-user-menu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 240px;
  background: var(--card-bg);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  box-shadow: 0 12px 32px -12px rgba(0,0,0,0.35),
              0 1px 2px rgba(0,0,0,0.06);
  overflow: hidden;
  z-index: var(--z-dropdown);
  padding: 6px 0;
  color: var(--fg);
}
[data-theme] .nav-user-menu.hidden{ display: none; }
[data-theme] .nav-user-menu-head{
  padding: 10px 16px 12px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 6px;
}
[data-theme] .nav-user-menu-name{
  font-size: 13px; font-weight: 600;
  color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .nav-user-menu-team{
  font-family: var(--font-mono);
  font-size: 11px; color: var(--fg-3);
  letter-spacing: 0.04em;
  margin-top: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .nav-user-menu-item{
  display: flex; align-items: center; gap: 10px;
  padding: 8px 16px;
  font-size: 13.5px; font-weight: 500;
  color: var(--fg-2);
  text-decoration: none;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .nav-user-menu-item:hover{ background: var(--hover-bg); color: var(--fg); }
[data-theme] .nav-user-menu-item svg{
  width: 16px; height: 16px; flex-shrink: 0;
  color: var(--fg-3);
}
[data-theme] .nav-user-menu-item:hover svg{ color: var(--fg); }
[data-theme="dark"] .nav-user-menu-item:hover svg{ color: var(--accent-text-hover); }
[data-theme] .nav-user-menu-divider{
  height: 1px;
  background: var(--line);
  margin: 6px 0;
}
[data-theme] .nav-user-menu-section-label{
  padding: 8px 16px 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .nav-user-menu-switch-form{ margin: 0; }
[data-theme] button.nav-user-menu-item{
  width: 100%;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 500;
  line-height: inherit;
  text-align: left;
}
[data-theme] .nav-user-menu-team-name{
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .nav-user-menu-item--active{
  color: var(--fg);
  font-weight: 600;
  cursor: default;
}
[data-theme] .nav-user-menu-item--active:hover{ background: transparent; }
[data-theme] .nav-user-menu-item .nav-user-menu-check{
  margin-left: auto;
  color: var(--accent-text);
}
[data-theme] .nav-bell-wrap [data-testid="notification-bell"]{ position: relative; }
[data-theme] .nav-bell-wrap [data-testid="notification-bell-button"]{
  width: 36px; height: 36px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: none;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .nav-bell-wrap [data-testid="notification-bell-button"]:hover{
  background: var(--hover-bg);
  color: var(--fg);
  border-color: var(--hover-border);
}
[data-theme] .nav-bell-wrap [data-testid="notification-bell-button"]:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}
[data-theme] .nav-bell-wrap [data-testid="notification-bell-button"] svg{
  width: 18px; height: 18px;
}
[data-theme] .nav-bell-wrap [data-testid="notification-badge"]{
  background: var(--accent);
  color: var(--accent-fg);
  box-shadow: 0 0 0 2px var(--bg);
  forced-color-adjust: none;
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"]{
  background: var(--card-bg);
  border: 1px solid var(--line-2);
  box-shadow: 0 12px 32px -12px rgba(0,0,0,0.35),
              0 1px 2px rgba(0,0,0,0.06);
  color: var(--fg);
}
[data-theme] .nav-bell-wrap [data-notifications-whats-new-value="true"] [data-testid="notification-dropdown"] .seg{
  margin: 8px 8px 4px;
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] h3{ color: var(--fg); }
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] p{ color: var(--fg-3); }
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .border-gray-100,
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .border-b,
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .border-t{
  border-color: var(--line);
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .divide-gray-100 > * + *{
  border-color: var(--line);
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .bg-gray-50,
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .bg-blue-50{
  background: color-mix(in srgb, var(--fg) 5%, var(--card-bg));
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] [data-notifications-target="empty"] svg{
  color: var(--fg-3);
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .text-primary-600{
  color: var(--accent-text);
}
[data-theme] .nav-bell-wrap [data-testid="notification-dropdown"] .text-primary-600:hover{
  color: var(--accent-text-hover);
}
[data-theme] .nav-bell-wrap .notification-item:hover{ background: var(--hover-bg); }
[data-theme] .nav-bell-wrap .notification-item .text-gray-900,
[data-theme] .nav-bell-wrap .notification-item p{ color: var(--fg); }
[data-theme] .nav-bell-wrap .notification-item .text-gray-600{ color: var(--fg-2); }
[data-theme] .nav-bell-wrap .notification-item .text-gray-400,
[data-theme] .nav-bell-wrap .notification-item .text-gray-500{ color: var(--fg-3); }
@media (max-width: 480px) {
  [data-theme] .nav-avatar{ width: 32px; height: 32px; font-size: 13px; }
  [data-theme] .nav-bell-wrap [data-testid="notification-bell-button"]{ width: 32px; height: 32px; }
  [data-theme] .nav-bell-wrap [data-testid="notification-bell-button"] svg{ width: 16px; height: 16px; }
  [data-theme] .nav-user-menu{
    right: -8px;
    min-width: 220px;
    max-width: calc(100vw - 32px);
  }
  [data-theme] .nav-bell-wrap [data-testid="notification-dropdown"]{
    position: fixed;
    left: 16px; right: 16px;
    width: auto;
    top: 64px;
  }
}

[data-theme] .foot{
  background: var(--bg-1);
  border-top: 1px solid var(--line);
  padding: 64px 0 0;
  margin-top: 120px;
}

[data-theme] .foot-cols{
  display: grid;
  grid-template-columns: 2fr repeat(4, 1fr);
  gap: 48px;
  padding-bottom: 48px;
}
[data-theme] .foot-brand{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

[data-theme] .foot-tagline{
  color: var(--fg-3);
  font-size: 14px;
  max-width: 240px;
  margin: 0;
}

[data-theme] .foot-col h6{
  margin: 0 0 16px;
  color: var(--fg-3);
}

[data-theme] .foot-col ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

[data-theme] .foot-col a{
  color: var(--fg-2);
  text-decoration: none;
  font-size: 14px;
  transition: color var(--t-base);
}

[data-theme] .foot-col a:hover{ color: var(--fg); }

[data-theme] .foot-base{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding: 20px var(--container-pad);
  gap: 16px;
}

[data-theme] .foot-base-left,
[data-theme] .foot-base-right{
  display: flex;
  align-items: center;
  gap: 12px;
}

[data-theme] .foot-sep{ color: var(--fg-4); }

@media (max-width: 880px) {
  [data-theme] .foot-cols { grid-template-columns: 1fr 1fr; gap: 32px; }
  [data-theme] .foot-brand { grid-column: 1 / -1; }
  [data-theme] .foot-base { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 540px) {
  [data-theme] .foot-cols { grid-template-columns: 1fr; }
  [data-theme] .foot-brand { grid-column: 1; }
}

[data-theme] .composer{
  position: relative;
  display: flex; flex-direction: column; gap: 0;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  box-shadow: var(--composer-shadow);
  transition: box-shadow var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

[data-theme] .composer:focus-within{
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line-2));
  box-shadow: var(--composer-focus-shadow);
}

[data-theme] .composer-input-wrap{
  position: relative;
  padding: 20px 20px 8px;
}

[data-theme] .composer-input{
  width: 100%;
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 17px;
  line-height: 1.5;
  color: var(--fg);
  resize: none;
  min-height: 88px;
  padding-right: 48px;
}
[data-theme] .composer-input::-moz-placeholder{ color: var(--fg-4); }
[data-theme] .composer-input::placeholder{ color: var(--fg-4); }
[data-theme] .composer-input:focus{ box-shadow: none; outline: none; }
[data-theme] .composer-submit{
  position: absolute; right: 16px; top: 16px;
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent);
  color: var(--accent-fg);
  border-radius: var(--radius-sm);
  border: 0;
  cursor: pointer;
  forced-color-adjust: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: background var(--t-base) var(--ease-out),
              transform var(--t-fast) var(--ease-out);
}
[data-theme] .composer-submit:hover:not(:disabled){ background: var(--primary-hover); }
[data-theme] .composer-submit:active:not(:disabled){ transform: scale(0.96); }
[data-theme] .composer-submit:disabled{
  background: var(--bg-3);
  color: var(--fg-4);
  cursor: not-allowed;
}
[data-theme] .composer-submit svg{ width: 18px; height: 18px; color: var(--accent-fg); }
[data-theme] .composer.is-loading .composer-input{ color: var(--fg-3); cursor: wait; }
[data-theme] .composer.is-loading .composer-submit svg{ display: none; }
[data-theme] .composer.is-loading .composer-submit::before{
  content: "";
  width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid currentColor; border-right-color: transparent;
  animation: spin 0.7s linear infinite;
}

[data-theme] .composer-rail{
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 12px 12px;
  gap: 12px;
}
[data-theme] .composer-rail-actions{ display: flex; gap: 4px; }
[data-theme] .composer-rail-meta{
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
  letter-spacing: 0.04em;
}
[data-theme] .composer-rail-meta strong{ color: var(--fg-2); font-weight: 600; }

[data-theme] .composer-suggestions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--space-2-5);
  justify-content: center;
}
[data-theme] .composer--editor{
  max-width: none;
  border-radius: var(--radius-md);
}
[data-theme] .composer--editor .composer-input-wrap{ padding: 14px 14px 6px; }
[data-theme] .composer--editor .composer-input{ font-size: 15px; min-height: 56px; }
[data-theme] .composer--editor .composer-submit{ top: 12px; right: 12px; width: 32px; height: 32px; }
[data-theme] .composer--editor .composer-submit svg{ width: 16px; height: 16px; }
[data-theme] .composer--editor .composer-rail{ padding: 6px 10px 10px; }

@media (max-width: 540px) {
  [data-theme] .composer-input { font-size: 16px; min-height: 72px; }
  [data-theme] .composer-input-wrap { padding: 16px 16px 6px; }
  [data-theme] .composer-rail { padding: 6px 10px 10px; }
}
[data-theme] .composer-mentions {
  position: absolute;
  left: 8px; right: 8px; bottom: calc(100% + 6px);
  z-index: 20;
  max-height: 264px; overflow-y: auto;
  padding: var(--space-2);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: 0 12px 32px rgb(0 0 0 / 28%);
}
[data-theme] .composer-mentions__eyebrow {
  display: flex; align-items: center; gap: var(--space-1-5);
  margin: 0 0 var(--space-1-5); padding: 0 var(--space-2);
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .composer-mentions__group {
  margin: var(--space-2) 0 var(--space-1); padding: 0 var(--space-2);
  font-size: 11px; font-weight: 600; color: var(--fg-3);
}
[data-theme] .composer-mentions__group:first-of-type { margin-top: 0; }
[data-theme] .composer-mentions__empty {
  margin: 0; padding: var(--space-2);
  font-size: 12.5px; line-height: 1.5; color: var(--fg-3);
}
[data-theme] .composer-mentions__row {
  display: flex; align-items: center; gap: var(--space-2-5);
  width: 100%; min-height: 40px; padding: var(--space-1-5) var(--space-2);
  border: 0; border-radius: var(--radius-md); background: transparent;
  text-align: left; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] .composer-mentions__row:hover,
[data-theme] .composer-mentions__row.is-active {
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-1));
}
[data-theme] .composer-mentions__row.is-active { outline: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line)); }
[data-theme] .composer-mentions__thumb {
  flex: 0 0 auto; width: 28px; height: 28px; border-radius: var(--radius-sm);
  -o-object-fit: cover;
     object-fit: cover; background: var(--bg-3);
}
[data-theme] .composer-mentions__thumb--empty {
  display: inline-flex; align-items: center; justify-content: center; color: var(--fg-3);
}
[data-theme] .composer-mentions__meta { display: flex; flex-direction: column; min-width: 0; }
[data-theme] .composer-mentions__name {
  font-size: 13px; color: var(--fg-1);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .composer-mentions__handle {
  font-family: var(--font-mono); font-size: 11px;
  color: color-mix(in srgb, var(--accent) 40%, var(--fg-3));
}

@media (max-width: 540px) {
  [data-theme] .composer-mentions { max-height: 200px; left: 8px; right: 8px; }
  [data-theme] .composer-mentions__row { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .composer-mentions__row { transition: none; }
}

[data-theme] .composer-input-row {
  display: flex;
  align-items: flex-start;
  padding: 18px 18px 6px;
  gap: 12px;
}
[data-theme] .composer textarea {
  flex: 1;
  border: 0;
  background: transparent;
  outline: none;
  resize: none;
  color: var(--fg);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  min-height: 56px;
  padding: 0;
}
[data-theme] .composer textarea::-moz-placeholder { color: var(--fg-4); }
[data-theme] .composer textarea::placeholder { color: var(--fg-4); }
[data-theme] .composer .generator-prompt-counter {
  padding: 0 18px 6px;
  color: var(--fg-3);
}
[data-theme] .composer .generator-prompt-counter.is-over {
  color: var(--danger-fg);
  font-weight: 500;
}

[data-theme] .composer-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px 14px;
}
[data-theme] .composer-tools { display: flex; gap: 2px; }
[data-theme] .composer-right { display: flex; align-items: center; gap: 8px; }

[data-theme] .composer-tool {
  width: 30px;
  height: 30px;
  background: transparent;
  border: 0;
  cursor: pointer;
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .composer-tool:hover { color: var(--fg); background: var(--hover-bg); }
[data-theme] .composer-tool svg { width: 16px; height: 16px; }
[data-theme] .composer-tool.is-disabled,
[data-theme] .composer-tool:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
[data-theme] .composer-tool.is-disabled:hover {
  background: transparent;
  color: var(--fg-3);
}

[data-theme] .composer-tool-pill {
  width: auto !important;
  padding: 0 9px;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
}
[data-theme] .composer-tool-chevron { width: 11px; height: 11px; opacity: 0.65; }

[data-theme] .send {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--t-base), transform var(--t-fast);
  forced-color-adjust: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
[data-theme] .send:hover { background: var(--primary-hover); transform: translateY(-1px); }
[data-theme] .send svg { width: 14px; height: 14px; color: var(--accent-fg); forced-color-adjust: none; }
[data-theme] .composer-tool[data-tooltip],
[data-theme] .send[data-tooltip] { position: relative; }
[data-theme] .composer-tool[data-tooltip]:hover::after,
[data-theme] .send[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--bg-3);
  color: var(--fg);
  border: 1px solid var(--line-2);
  border-radius: 6px;
  padding: 4px 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  white-space: normal;
  max-width: 260px;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  pointer-events: none;
  z-index: var(--z-tooltip);
  box-shadow: 0 4px 12px -4px rgba(0,0,0,0.25);
}
[data-theme] .composer-tip {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--bg-3);
  color: var(--fg);
  border: 1px solid var(--line-2);
  border-radius: 6px;
  padding: 4px 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  white-space: nowrap;
  pointer-events: none;
  z-index: var(--z-tooltip);
  box-shadow: 0 4px 12px -4px rgba(0,0,0,0.25);
  opacity: 0;
  transition: opacity var(--t-base);
}
[data-theme] .composer-popover-host:hover .composer-tip { opacity: 1; }
[data-theme] .composer-popover-host:has([data-model-selector-target="menu"]:not(.hidden)) .composer-tip {
  opacity: 0;
}

[data-theme] .composer-popover-host { position: relative; }
[data-theme] .composer-popover {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  min-width: 240px;
  background: var(--card-bg);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  box-shadow:
    0 12px 32px -12px rgba(0,0,0,0.35),
    0 1px 2px rgba(0,0,0,0.06);
  overflow: hidden;
  z-index: var(--z-dropdown);
  color: var(--fg);
}

[data-theme] .composer-autocomplete {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  max-height: 280px;
  overflow-y: auto;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] {
  background: var(--bg-2) !important;
  border: 1px solid var(--line-2) !important;
  color: var(--fg);
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] > div:first-child {
  background: var(--bg-1) !important;
  border-color: var(--line) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] [style*="#7a7a7a"] {
  color: var(--fg-3) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] [style*="#c1c1c1"] {
  color: var(--fg) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] [style*="#606060"] {
  color: var(--fg-4) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] button[style*="#282828"] {
  border-bottom-color: var(--line) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] button[style*="#282828"]:hover {
  background-color: var(--hover-bg) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] [style*="background-color: #181818"] {
  background-color: var(--bg-1) !important;
}
[data-theme] [data-prompt-autocomplete-target="suggestions"] button[type="button"]:has(svg) {
  color: var(--fg-3);
}

[data-theme] .composer-menu { width: 320px; }
[data-theme] .composer-menu-narrow { width: 260px; }
[data-theme] .composer-menu-head {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-2);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .composer-menu-list { padding: 5px; max-height: 320px; overflow-y: auto; scrollbar-gutter: auto; }
[data-theme] .composer-menu-group {
  padding: 8px 16px 2px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .composer-menu-group:first-child { padding-top: 10px; }
[data-theme] .composer-menu-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 16px;
  border-radius: var(--radius-sm);
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--fg);
  transition: background var(--t-base);
}
[data-theme] .composer-menu-item:hover { background: var(--hover-bg); }
[data-theme] .composer-menu-item.is-selected {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}

[data-theme] .composer-menu-icon {
  flex: 0 0 18px;
  height: 18px;
  margin-top: 2px;
  color: var(--accent-text);
}
[data-theme] .composer-menu-body { flex: 1; min-width: 0; }
[data-theme] .composer-menu-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
[data-theme] .composer-menu-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}

[data-theme] .composer-menu-tag {
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 1px 5px;
  border-radius: 4px;
}
[data-theme] .composer-menu-tag-cost {
  color: var(--warning-fg);
  background: var(--warning-bg);
}
[data-theme] .composer-menu-tag-intel {
  color: var(--info-fg);
  background: var(--info-bg);
}

[data-theme] .composer-menu-desc {
  margin: 2px 0 0;
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-theme] .composer-menu-check {
  flex: 0 0 16px;
  margin-top: 2px;
  color: var(--accent-text);
}
[data-theme] .composer-menu-check svg { width: 16px; height: 16px; display: block; }
[data-theme] .composer-menu-item.is-locked {
  cursor: default;
  opacity: 0.5;
}
[data-theme] .composer-menu-item.is-locked:hover { background: transparent; }
[data-theme] .composer-menu-lock {
  flex: 0 0 16px;
  margin-top: 2px;
  color: var(--fg-3);
}
[data-theme] .composer-menu-lock svg { width: 15px; height: 15px; display: block; }
[data-theme] .composer-menu-foot {
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  background: var(--bg-1);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[data-theme] .composer-menu-foot-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--fg-3);
}
[data-theme] .composer-menu-upgrade {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  background: var(--accent);
  color: var(--accent-fg);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  forced-color-adjust: none;
  transition: background var(--t-base);
}
[data-theme] .composer-menu-upgrade:hover { background: var(--primary-hover); }
[data-theme] .composer-menu-item[hidden],
[data-theme] .think-menu__opt[hidden] {
  display: none !important;
}
[data-theme] .composer-scope__label {
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .composer-scope__trigger .composer-tool-chevron { transition: transform var(--t-base); }
[data-theme] .composer-scope__trigger[aria-expanded="true"] .composer-tool-chevron { transform: rotate(180deg); }
[data-theme] .composer-scope__panel { width: 300px; }
[data-theme] .composer-scope__searchwrap {
  position: relative;
  padding: 8px 10px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .composer-scope__searchicon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  color: var(--fg-4);
  pointer-events: none;
}
[data-theme] .composer-scope .composer-scope__search {
  width: 100%;
  height: 32px;
  min-height: 0 !important;
  padding: 0 10px 0 28px;
  border-radius: var(--radius-sm);
  background: var(--bg-2) !important;
  border: 1px solid var(--line) !important;
  color: var(--fg) !important;
  font-family: var(--font-body);
  font-size: 13px;
  outline: none;
  box-shadow: none;
}
[data-theme] .composer-scope .composer-scope__search::-moz-placeholder { color: var(--fg-4) !important; }
[data-theme] .composer-scope .composer-scope__search::placeholder { color: var(--fg-4) !important; }
[data-theme] .composer-scope .composer-scope__search:focus-visible {
  border-color: var(--fg-4) !important;
  box-shadow: var(--field-ring);
}
[data-theme] .composer-scope__list {
  max-height: min(300px, 46vh);
  overflow-y: auto;
  padding: 5px;
  scrollbar-gutter: auto;
}
[data-theme] .composer-scope__option {
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
}
[data-theme] .composer-scope__option-icon { flex: 0 0 16px; color: var(--fg-3); }
[data-theme] .composer-scope__option:hover .composer-scope__option-icon,
[data-theme] .composer-scope__option.is-selected .composer-scope__option-icon { color: var(--fg-2); }
[data-theme] .composer-scope__option-name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13.5px;
  font-weight: var(--weight-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .composer-scope__option.is-active { background: var(--hover-bg); }
[data-theme] .composer-scope__option-id {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
}
[data-theme] .composer-scope__check { flex: 0 0 16px; margin-top: 0; }
[data-theme] .composer-scope__empty {
  padding: 14px;
  text-align: center;
  font-size: 12.5px;
  color: var(--fg-3);
}
[data-theme] .composer-scope__note {
  margin: 0;
  padding: 8px 14px;
  border-top: 1px solid var(--line);
  background: var(--bg-1);
  font-size: 11px;
  color: var(--fg-3);
}
[data-theme] .composer-image-preview:not(.hidden) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 8px;
}
[data-theme] .composer-image-preview img,
[data-theme] .composer-image-preview .preview-thumb {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid var(--line);
}

[data-theme] .composer-voice-status {
  margin: 12px auto 0;
  max-width: 760px;
  padding: 10px 14px;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .composer-voice-status.hidden { display: none; }
@media (max-width: 480px) {
  [data-theme] .composer-popover {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 96px;
    width: auto;
    min-width: 0;
  }
  [data-theme] .composer-menu,
  [data-theme] .composer-menu-narrow { width: auto; }
}
[data-theme] .composer-menu {
  --composer-cost-fg: #dfa049;
  --composer-cost-fg-selected: #eab674;
  --composer-power-on: #4d7fe0;
  --composer-power-on-selected: #7ea8f0;
  --composer-power-off-selected: rgba(255, 255, 255, 0.26);
}
[data-theme="light"] .composer-menu {
  --composer-cost-fg: #8a5407;
  --composer-cost-fg-selected: #6b3d05;
  --composer-power-on: #4d7fe0;
  --composer-power-on-selected: #2b57ad;
  --composer-power-off-selected: rgba(0, 0, 0, 0.2);
}
[data-theme] .composer-menu { width: 298px; }
[data-theme] .composer-popover {
  background: var(--bg-1);
  box-shadow: none;
}
[data-theme] .composer-menu-head {
  padding: 9px 12px;
  font-size: 10px;
  letter-spacing: 0.15em;
  color: var(--fg-4);
}
[data-theme="light"] .composer-menu-head { background: var(--bg-3); }
[data-theme] .composer-menu-list { padding: 4px; }
[data-theme] .composer-menu-item {
  gap: 9px;
  padding: 7px 9px;
  border-radius: var(--radius-sm);
}
[data-theme] .composer-menu-item:hover { background: var(--bg-3); }
[data-theme] .composer-menu-item.is-selected {
  background: color-mix(in srgb, var(--fg) 11%, var(--bg-3));
}
[data-theme="light"] .composer-menu-item.is-selected {
  background: color-mix(in srgb, var(--fg) 7%, var(--bg-3));
}
[data-theme] .composer-menu-icon { display: none; }

[data-theme] .composer-menu-title { font-size: 13px; }
[data-theme] .composer-menu-desc {
  font-size: 11.5px;
  line-height: 1.3;
  color: color-mix(in srgb, var(--fg-3) 55%, var(--fg));
}
[data-theme] .composer-menu-tag-cost {
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--composer-cost-fg);
}
[data-theme] .composer-menu-item.is-selected .composer-menu-tag-cost {
  color: var(--composer-cost-fg-selected);
}
[data-theme] .composer-menu-tag-intel {
  padding: 0;
  border-radius: 0;
  background: transparent;
  gap: 2px;
}
[data-theme] .composer-menu-tag-intel .capability-meter__slot {
  width: 6px;
  height: 6px;
  border-radius: 1.5px;
  background: var(--line-2);
  opacity: 1;
}
[data-theme] .composer-menu-tag-intel .capability-meter__slot.is-filled {
  background: var(--composer-power-on);
}
[data-theme] .composer-menu-item.is-selected .composer-menu-tag-intel .capability-meter__slot {
  background: var(--composer-power-off-selected);
}
[data-theme] .composer-menu-item.is-selected .composer-menu-tag-intel .capability-meter__slot.is-filled {
  background: var(--composer-power-on-selected);
}
[data-theme] .composer-menu-check { margin-top: 1px; }
[data-theme] .composer-menu-tag-recommended {
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  white-space: nowrap;
}
[data-theme] .composer-menu-item.is-selected .composer-menu-tag-recommended {
  color: var(--accent-fg);
  background: var(--accent);
}
[data-theme] .composer-tip,
[data-theme] .composer-tool[data-tooltip]:hover::after,
[data-theme] .send[data-tooltip]:hover::after {
  box-shadow: none;
}

[data-theme] .page-hero{
  position: relative;
  padding: 120px 0 80px;
  overflow: hidden;
}

[data-theme] .page-hero.align-center{ text-align: center; }
[data-theme] .page-hero.align-center .page-hero-text{ margin: 0 auto; }
[data-theme] .page-hero.align-center .page-hero-actions{ justify-content: center; }

[data-theme] .page-hero-text{ max-width: 760px; }
[data-theme] .page-hero-text h1{ margin: 12px 0 0; }

[data-theme] .page-hero-subhead{
  color: var(--fg-3);
  margin-top: 20px;
}

[data-theme] .page-hero-composer{
  margin: 40px auto 0;
  max-width: 760px;
}

[data-theme] .page-hero-actions{
  margin: 32px 0 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

[data-theme] .page-hero-trust{ margin: 56px 0 0; }

@media (max-width: 768px) {
  [data-theme] .page-hero { padding: 64px 0 48px; }
  [data-theme] .page-hero-composer { margin-top: 28px; }
  [data-theme] .page-hero-actions { margin-top: 24px; }
  [data-theme] .page-hero-trust { margin-top: 40px; }
}
[data-theme] .dotgrid{ position: relative; }

[data-theme] .dotgrid::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--hero-grid) 1px, transparent 1px);
  background-size: 24px 24px;
  background-position: center;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at center, black 40%, transparent 80%);
          mask-image: radial-gradient(ellipse 80% 60% at center, black 40%, transparent 80%);
  pointer-events: none;
  z-index: 0;
}

[data-theme] .dotgrid > *{ position: relative; z-index: 1; }

[data-theme] .card{
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: block;
  transition: border-color var(--t-slow) var(--ease-out),
              background var(--t-slow) var(--ease-out),
              transform var(--t-slow) var(--ease-out);
}

[data-theme] .card-padded{ padding: 24px; }
[data-theme] .card-ghost{ background: transparent; }

[data-theme] .card-hoverable{ cursor: pointer; }
[data-theme] .card-hoverable:hover{
  border-color: var(--hover-border);
  transform: translateY(-2px);
}
[data-theme] .card-hoverable:focus-visible{
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .matrix-tile{ display: flex; flex-direction: column; }

[data-theme] .matrix-tile-img{
  aspect-ratio: 16 / 10;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
[data-theme] .matrix-tile-img img{
  width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
  transition: transform var(--t-slow) var(--ease-out);
}
[data-theme] .card-hoverable.matrix-tile:hover .matrix-tile-img img{ transform: scale(1.03); }

[data-theme] .matrix-tile-body{
  padding: 16px 20px 20px;
  display: flex; flex-direction: column; gap: 8px;
}
[data-theme] .matrix-tile-tag{
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin: 0;
}
[data-theme] .matrix-tile-title{
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  line-height: 1.3;
}
[data-theme] .matrix-tile-meta{
  font-size: 13px;
  color: var(--fg-3);
  display: flex; align-items: center; gap: 8px;
}
[data-theme] .matrix-tile-meta-dot{
  display: inline-block;
  width: 3px; height: 3px; border-radius: 50%;
  background: var(--fg-4);
}
[data-theme] .feature-card{
  padding: 28px 24px;
  display: flex; flex-direction: column;
  gap: 16px;
}
[data-theme] .feature-card-icon{
  width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-3);
  border-radius: var(--radius-sm);
  color: var(--accent-text);
  flex: 0 0 auto;
}
[data-theme] .feature-card-icon svg{ width: 20px; height: 20px; }
[data-theme] .feature-card-title{
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 18px;
  color: var(--fg);
  margin: 0;
  line-height: 1.3;
}
[data-theme] .feature-card-body{
  margin: 0;
  color: var(--fg-3);
  font-size: 14px;
  line-height: 1.55;
}
[data-theme] .rail{
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 12px;
  margin: 0 calc(-1 * var(--container-pad));
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
  scrollbar-color: var(--line-2) transparent;
}
[data-theme] .rail > .card{ flex: 0 0 320px; scroll-snap-align: start; }
[data-theme] .rail::-webkit-scrollbar{ height: 6px; }
[data-theme] .rail::-webkit-scrollbar-track{ background: transparent; }
[data-theme] .rail::-webkit-scrollbar-thumb{
  background: var(--line-2);
  border-radius: var(--radius-pill);
}

@media (max-width: 540px) {
  [data-theme] .rail > .card { flex: 0 0 260px; }
}
[data-theme] .feature-grid{
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.ds-info-card {
  container-type: inline-size;
  container-name: info-card;
}

.ds-info-card__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "ico  title"
    "ico  body";
  align-items: start;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 8px;
}

.ds-info-card__icon { grid-area: ico; }
.ds-info-card__title { grid-area: title; }
.ds-info-card__body {
  grid-area: body;
  min-width: 0;
}
@container info-card (max-width: 420px) {
  .ds-info-card__grid {
    grid-template-areas:
      "ico  title"
      "body body";
  }
}

[data-theme] .marquee{
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
          mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

[data-theme] .marquee-track{
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee-scroll 38s linear infinite;
}

[data-theme] .marquee:hover .marquee-track{ animation-play-state: paused; }

[data-theme] .marquee-row{
  display: flex; align-items: center; gap: 56px;
  padding: 0 28px;
  margin: 0;
  list-style: none;
}

[data-theme] .marquee-item img{
  height: 28px; width: auto;
  opacity: 0.65;
  filter: grayscale(1);
  transition: opacity var(--t-base), filter var(--t-base);
}
[data-theme] .marquee-item:hover img{ opacity: 1; filter: grayscale(0); }
[data-theme] .marquee-item-text{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  color: var(--fg-3);
  letter-spacing: -0.01em;
  white-space: nowrap;
  transition: color var(--t-base);
}
[data-theme] .marquee-item:hover .marquee-item-text{ color: var(--fg); }

@keyframes marquee-scroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 768px) {
  [data-theme] .marquee-track { animation-duration: 28s; }
  [data-theme] .marquee-row { gap: 36px; padding: 0 18px; }
  [data-theme] .marquee-item img { height: 22px; }
  [data-theme] .marquee-item-text { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .marquee-track { animation: none; }
}
[data-theme] {
  --field-bg: var(--bg-2);
  --field-fg: var(--fg);
  --field-border: var(--line);
  --field-border-hover: var(--line-2);
  --field-border-focus: var(--fg-4);
  --field-placeholder: var(--fg-4);
  --field-bg-recessed: var(--bg-1);
  --control-border: var(--line-2);
  --field-ring: 0 0 0 3px var(--field-ring-color);
}
[data-theme="dark"] {
  --field-ring-color: color-mix(in srgb, var(--ink-on-color-light) 12%, transparent);
  --switch-track-off: var(--bg-3);
  --switch-knob: var(--fg-3);
  --opt-hover-bg: color-mix(in srgb, var(--ink-on-color-light) 2.8%, transparent);
  --opt-selected-bg: color-mix(in srgb, var(--ink-on-color-light) 7%, transparent);
  --opt-selected-hover-bg: color-mix(in srgb, var(--ink-on-color-light) 11%, transparent);
}
[data-theme="light"] {
  --field-ring-color: color-mix(in srgb, var(--ink-on-color-dark) 10%, transparent);
  --switch-track-off: var(--hover-bg-strong);
  --switch-knob: var(--bg-2);
  --opt-hover-bg: color-mix(in srgb, var(--ink-on-color-dark) 2.2%, transparent);
  --opt-selected-bg: color-mix(in srgb, var(--ink-on-color-dark) 5.5%, transparent);
  --opt-selected-hover-bg: color-mix(in srgb, var(--ink-on-color-dark) 8.5%, transparent);
}
[data-theme][data-theme] .input,
[data-theme][data-theme] .textarea,
[data-theme][data-theme] .select,
[data-theme][data-theme] .search-input {
  width: 100%;
  background-color: var(--field-bg) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--field-border) !important;
  border-radius: var(--radius-sm);
  color: var(--field-fg) !important;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 14px;
  transition: border-color 0.12s, box-shadow 0.12s, background-color 0.12s;
}
[data-theme][data-theme] .input,
[data-theme][data-theme] .select,
[data-theme][data-theme] .search-input {
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
}
[data-theme][data-theme] .textarea {
  height: auto;
  padding: 12px 14px;
  min-height: 88px;
  resize: vertical;
  line-height: 1.5;
}
[data-theme][data-theme] .search-input { padding: 0 56px 0 40px; }

[data-theme][data-theme] .input::-moz-placeholder, [data-theme][data-theme] .textarea::-moz-placeholder, [data-theme][data-theme] .search-input::-moz-placeholder { color: var(--field-placeholder) !important; }

[data-theme][data-theme] .input::placeholder,
[data-theme][data-theme] .textarea::placeholder,
[data-theme][data-theme] .search-input::placeholder { color: var(--field-placeholder) !important; }

[data-theme][data-theme] .input:hover:not(:disabled):not(:focus),
[data-theme][data-theme] .textarea:hover:not(:disabled):not(:focus),
[data-theme][data-theme] .select:hover:not(:disabled):not(:focus),
[data-theme][data-theme] .search-input:hover:not(:disabled):not(:focus) { border-color: var(--field-border-hover) !important; }
[data-theme][data-theme] .input:focus,
[data-theme][data-theme] .textarea:focus,
[data-theme][data-theme] .select:focus,
[data-theme][data-theme] .search-input:focus {
  outline: none;
  border-color: var(--field-border-focus) !important;
  box-shadow: var(--field-ring);
}
[data-theme][data-theme] .input:disabled,
[data-theme][data-theme] .textarea:disabled,
[data-theme][data-theme] .select:disabled,
[data-theme][data-theme] .search-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--field-bg-recessed) !important;
}
[data-theme][data-theme] .input[readonly],
[data-theme][data-theme] .textarea[readonly] {
  background-color: var(--field-bg-recessed) !important;
  color: var(--fg-2) !important;
  border-style: dashed !important;
}
[data-theme][data-theme] .input[readonly]:hover:not(:focus),
[data-theme][data-theme] .textarea[readonly]:hover:not(:focus) { border-color: var(--field-border) !important; }

[data-theme][data-theme] .input[aria-invalid="true"],
[data-theme][data-theme] .textarea[aria-invalid="true"],
[data-theme][data-theme] .select[aria-invalid="true"] {
  border-color: var(--danger-fg) !important;
  background-color: var(--danger-bg) !important;
}
[data-theme][data-theme] .input[aria-invalid="true"]:focus,
[data-theme][data-theme] .textarea[aria-invalid="true"]:focus,
[data-theme][data-theme] .select[aria-invalid="true"]:focus {
  border-color: var(--danger-fg) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger-fg) 25%, transparent);
}
[data-theme][data-theme] .select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}
[data-theme="dark"] .select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9ca2' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="light"] .select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f636a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme] .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
[data-theme] .field-label {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  color: var(--fg-2);
}
[data-theme] .field-help { font-size: 12px; line-height: 1.45; color: var(--fg-3); margin: 0; }
[data-theme] .field-error { font-size: 12px; line-height: 1.45; color: var(--danger-fg); margin: 0; display: none; }
[data-theme] .field[data-invalid="true"] .field-error { display: block; }
[data-theme] .dd { position: relative; }
[data-theme] .combo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 40px;
  padding: 0 10px 0 12px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--field-fg);
  background-color: var(--field-bg);
  border: 1px solid var(--field-border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  outline: 0;
  transition: border-color 0.12s, box-shadow 0.12s, background-color 0.12s;
}
[data-theme] .combo .combo-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .combo.ph .combo-value,
[data-theme] .combo .combo-value.ph { color: var(--field-placeholder); }
[data-theme] .combo .chev {
  color: var(--fg-3);
  transition: transform 0.15s;
  display: flex;
  align-items: center;
  flex: none;
}
[data-theme] .combo:hover:not(:disabled) { border-color: var(--field-border-hover); }
[data-theme] .combo:focus-visible,
[data-theme] .combo[aria-expanded="true"] {
  border-color: var(--field-border-focus);
  box-shadow: var(--field-ring);
}
[data-theme] .combo[aria-expanded="true"] .chev { transform: rotate(180deg); }
[data-theme] .combo:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--field-bg-recessed);
}
[data-theme] .combo:disabled .chev { opacity: 0.6; }

[data-theme] .ddmenu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  background-color: var(--field-bg);
  border: 1px solid var(--control-border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  padding: 5px;
  display: none;
  max-height: 260px;
  overflow: auto;
}
[data-theme] .dd.open .ddmenu { display: block; }

[data-theme] .ddgroup {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: 8px 9px 5px;
}

[data-theme] .ddopt {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 9px;
  border: 0;
  background-color: transparent;
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 500;
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  transition: background-color 0.12s, color 0.12s;
}
[data-theme] .ddopt:hover,
[data-theme] .ddopt.is-active {
  background-color: var(--opt-hover-bg);
  color: var(--fg);
}
[data-theme] .ddopt[aria-selected="true"] {
  background-color: var(--opt-selected-bg);
  color: var(--fg);
}
[data-theme] .ddopt[aria-selected="true"]:hover,
[data-theme] .ddopt[aria-selected="true"].is-active { background-color: var(--opt-selected-hover-bg); }
[data-theme] .ddopt .tick {
  margin-left: auto;
  color: var(--fg-3);
  opacity: 0;
  flex: none;
  display: flex;
  align-items: center;
}
[data-theme] .ddopt[aria-selected="true"] .tick { opacity: 1; }
[data-theme] .ddopt svg,
[data-theme] .combo svg { display: block; }
[data-theme] .checkbox,
[data-theme] .radio {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  background-color: var(--field-bg);
  border: 1px solid var(--control-border);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background-color 0.12s, border-color 0.12s;
  margin: 0;
}
[data-theme] .checkbox { border-radius: 4px; }
[data-theme] .radio    { border-radius: 50%; }

[data-theme] .checkbox:hover:not(:disabled),
[data-theme] .radio:hover:not(:disabled) { border-color: var(--hover-border); }

[data-theme] .checkbox:checked,
[data-theme] .radio:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}
[data-theme] .checkbox:checked::after {
  content: "";
  width: 10px;
  height: 6px;
  border: 2px solid var(--accent-fg);
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}
[data-theme] .radio:checked::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--accent-fg);
}
[data-theme] .checkbox:focus-visible,
[data-theme] .radio:focus-visible { outline: none; box-shadow: var(--field-ring); }
[data-theme] .checkbox:disabled,
[data-theme] .radio:disabled { opacity: 0.45; cursor: not-allowed; }
[data-theme] .switch {
  position: relative;
  flex: none;
  width: 40px;
  height: 23px;
  cursor: pointer;
  display: inline-block;
}
[data-theme] .switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
[data-theme] .switch .track {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-pill);
  background-color: var(--switch-track-off);
  border: 1px solid var(--control-border);
  transition: background-color 0.16s, border-color 0.16s, box-shadow 0.12s;
}
[data-theme] .switch .knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 17px;
  height: 17px;
  border-radius: var(--radius-pill);
  background-color: var(--switch-knob);
  box-shadow: var(--shadow-sm);
  transition: transform 0.16s, background-color 0.16s;
}
[data-theme] .switch input:checked ~ .track {
  background-color: var(--accent);
  border-color: var(--accent);
}
[data-theme] .switch input:checked ~ .knob {
  transform: translateX(17px);
  background-color: var(--accent-fg);
}
[data-theme] .switch input:focus-visible ~ .track { box-shadow: var(--field-ring); }
[data-theme] .switch input:disabled ~ .track { opacity: 0.45; }
[data-theme] .switch input:disabled ~ .knob { opacity: 0.5; }
[data-theme] .switch:has(input:disabled) { cursor: not-allowed; }
[data-theme] .switch.sm { width: 32px; height: 19px; }
[data-theme] .switch.sm .knob { width: 13px; height: 13px; }
[data-theme] .switch.sm input:checked ~ .knob { transform: translateX(13px); }
[data-theme] .toggle {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 40px;
  height: 23px;
  background-color: var(--switch-track-off);
  border: 1px solid var(--control-border);
  border-radius: var(--radius-pill);
  position: relative;
  cursor: pointer;
  transition: background-color 0.16s, border-color 0.16s;
  flex: 0 0 auto;
  margin: 0;
}
[data-theme] .toggle::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 17px;
  height: 17px;
  background-color: var(--switch-knob);
  box-shadow: var(--shadow-sm);
  border-radius: 50%;
  transition: transform 0.16s, background-color 0.16s;
}
[data-theme] .toggle:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}
[data-theme] .toggle:checked::after {
  transform: translateX(17px);
  background-color: var(--accent-fg);
}
[data-theme] .toggle:focus-visible { outline: none; box-shadow: var(--field-ring); }
[data-theme] .toggle:disabled { opacity: 0.45; cursor: not-allowed; }
[data-theme] .check-row {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .check-row-muted { color: var(--fg-3); }
[data-theme] .check-row input:disabled + span { opacity: 0.5; }
[data-theme] .switch-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
[data-theme] .switch-row-title { font-size: 13.5px; font-weight: 600; color: var(--fg-2); }
[data-theme] .switch-row-sub {
  font-size: 12px;
  color: var(--fg-4);
  margin-top: 3px;
  max-width: 46ch;
  line-height: 1.45;
}
@media (pointer: coarse) {
  [data-theme] .check-row,
  [data-theme] .switch-row { min-height: 44px; }
  [data-theme] .switch::before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .switch .track,
  [data-theme] .switch .knob,
  [data-theme] .toggle,
  [data-theme] .toggle::after,
  [data-theme] .combo .chev { transition: none; }
}
[data-theme] .search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
[data-theme] .search-icon {
  position: absolute;
  left: 12px;
  width: 16px; height: 16px;
  color: var(--fg-3);
  pointer-events: none;
}
[data-theme] .search-kbd {
  position: absolute;
  right: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
  padding: 2px 6px;
  background-color: var(--bg-3);
  border: 1px solid var(--line-2);
  border-radius: 4px;
  pointer-events: none;
}

[data-theme] .modal {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  padding: 0;
  margin: auto;
  color: var(--fg);
  max-width: 480px;
  width: calc(100% - 32px);
  max-height: min(85vh, 920px);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
  animation: modal-in 0.2s var(--ease-out);
}
[data-theme] dialog.modal:not([open]) {
  display: none;
}
[data-theme] .modal--wide { max-width: 720px; }
[data-theme] .modal--narrow { max-width: 360px; }
[data-theme] .modal::backdrop {
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  animation: backdrop-in 0.2s var(--ease-out);
}
[data-theme] .modal > form {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

[data-theme] .modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 0;
  gap: 16px;
  flex-shrink: 0;
}
[data-theme] .modal-title {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 18px;
  color: var(--fg);
}
[data-theme] .modal-body {
  padding: 16px 24px 24px;
  color: var(--fg-2);
  font-size: 14px;
  line-height: 1.55;
  overflow-y: auto;
  min-height: 0;
}
[data-theme] .modal-foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px 24px;
  border-top: 1px solid var(--line);
  flex-shrink: 0;
}
[data-theme] .modal-error-note {
  color: var(--danger-fg);
  font-size: 13px;
  margin: 8px 0 0;
}

@keyframes modal-in {
  from { transform: translateY(8px); opacity: 0; }
  to   { transform: translateY(0);   opacity: 1; }
}
@keyframes backdrop-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .modal,
  [data-theme] .modal::backdrop {
    animation: none;
  }
}

@media (max-width: 540px) {
  [data-theme] .modal-head { padding: 20px 20px 0; }
  [data-theme] .modal-body { padding: 14px 20px 20px; }
  [data-theme] .modal-foot { padding: 14px 20px 20px; }
}
[data-theme] #msai-billing-card-modal.modal {
  margin-top: clamp(56px, 9vh, 96px);
  margin-bottom: auto;
}
[data-theme] #msai-billing-card-modal .modal-foot {
  flex-direction: column-reverse;
  align-items: stretch;
}
[data-theme] #msai-billing-card-modal .modal-foot .btn {
  justify-content: center;
  white-space: normal;
}

@media (max-width: 640px) {
  [data-theme] .modal--sheet {
    margin: 0;
    width: 100%;
    max-width: none;
    max-height: none;
    height: 100dvh;
    border-radius: 0;
    border: none;
  }
  [data-theme] .modal--sheet .modal-body { flex: 1 1 auto; }
}
[data-theme] .wint-manage-body { }
[data-theme] .wint-manage-foot { }
[data-theme] .wint-manage-loading { color: var(--fg-3); font-size: 13px; margin: 0; }
[data-theme] .wint-manage-error-title { color: var(--fg); font-size: 14px; font-weight: 600; margin: 0 0 4px; }
[data-theme] .wint-manage-error-hint { color: var(--fg-3); font-size: 13px; margin: 0 0 16px; }
[data-theme] .wint-manage-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--fg-3); text-decoration: none;
}
[data-theme] .wint-manage-link:hover { color: var(--fg); }

[data-theme] .toast-region {
  position: fixed;
  top: 80px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: var(--z-toast);
  pointer-events: none;
  max-width: calc(100vw - 48px);
}
[data-theme] .toast {
  --toast-accent: var(--fg-3);
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 360px;
  max-width: calc(100vw - 48px);
  padding: 14px 16px;
  background: color-mix(in srgb, var(--toast-accent) 14%, var(--bg-1));
  border: 1px solid var(--toast-accent);
  border-radius: var(--radius-lg);
  box-shadow: none;
  animation: toast-in 0.25s var(--ease-out);
  color: var(--fg);
}
[data-theme] .toast--success { --toast-accent: var(--success-fg); }
[data-theme] .toast--danger  { --toast-accent: var(--danger-fg); }
[data-theme] .toast--warn    { --toast-accent: var(--warning-fg); }
[data-theme] .toast--info    { --toast-accent: var(--info-fg); }
[data-theme] .toast-icon {
  width: 18px; height: 18px;
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--toast-accent);
}

[data-theme] .toast-body { flex: 1; min-width: 0; }
[data-theme] .toast-title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .toast-msg {
  font-size: 13px;
  color: color-mix(in srgb, var(--toast-accent) 32%, var(--fg-2));
  margin: 2px 0 0;
  line-height: 1.5;
}
[data-theme] .toast-action {
  display: inline-block;
  margin: 8px 0 0;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--toast-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  border-radius: var(--radius-xs);
  transition: color var(--t-base);
}
[data-theme] .toast-action:hover { color: var(--fg); }
[data-theme] .toast-action:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

[data-theme] .toast-close {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--toast-accent) 32%, var(--fg-2));
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: -2px -4px 0 0;
  width: 24px; height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xs);
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .toast-close:hover {
  color: var(--fg);
  background: color-mix(in srgb, var(--toast-accent) 22%, transparent);
}
[data-theme] .toast-close svg { width: 14px; height: 14px; }

@keyframes toast-in {
  from { transform: translateX(12px); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}
@keyframes toast-out {
  to   { transform: translateX(12px); opacity: 0; }
}
[data-theme] .toast.is-leaving { animation: toast-out 0.2s var(--ease-out) forwards; }

@media (prefers-reduced-motion: reduce) {
  [data-theme] .toast { animation: none; }
  [data-theme] .toast.is-leaving { animation: none; opacity: 0; }
}
html[data-theme].ds-scroll,
[data-theme] .ds-scroll,
[data-theme] .computer-chat__scroll,
[data-theme] .computer-context__scroll,
[data-theme] .computer-chat-plan {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--accent) 12%, var(--line-2)) transparent;
  scrollbar-gutter: auto;
}
html[data-theme].ds-scroll::-webkit-scrollbar,
[data-theme] .ds-scroll::-webkit-scrollbar,
[data-theme] .computer-chat__scroll::-webkit-scrollbar,
[data-theme] .computer-context__scroll::-webkit-scrollbar,
[data-theme] .computer-chat-plan::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html[data-theme].ds-scroll::-webkit-scrollbar-track,
[data-theme] .ds-scroll::-webkit-scrollbar-track,
[data-theme] .computer-chat__scroll::-webkit-scrollbar-track,
[data-theme] .computer-context__scroll::-webkit-scrollbar-track,
[data-theme] .computer-chat-plan::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme].ds-scroll::-webkit-scrollbar-thumb,
[data-theme] .ds-scroll::-webkit-scrollbar-thumb,
[data-theme] .computer-chat__scroll::-webkit-scrollbar-thumb,
[data-theme] .computer-context__scroll::-webkit-scrollbar-thumb,
[data-theme] .computer-chat-plan::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--accent) 12%, var(--line-2));
  border-radius: var(--radius-pill);
}
html[data-theme].ds-scroll::-webkit-scrollbar-thumb:hover,
[data-theme] .ds-scroll::-webkit-scrollbar-thumb:hover,
[data-theme] .computer-chat__scroll::-webkit-scrollbar-thumb:hover,
[data-theme] .computer-context__scroll::-webkit-scrollbar-thumb:hover,
[data-theme] .computer-chat-plan::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--accent) 20%, var(--line-2));
}
html[data-theme].ds-scroll-overlay,
[data-theme] .ds-scroll-overlay {
  scrollbar-width: thin;
  scrollbar-color: var(--fg-4) transparent;
  scrollbar-gutter: stable;
}
html[data-theme].ds-scroll-overlay::-webkit-scrollbar,
[data-theme] .ds-scroll-overlay::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html[data-theme].ds-scroll-overlay::-webkit-scrollbar-track,
[data-theme] .ds-scroll-overlay::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme].ds-scroll-overlay::-webkit-scrollbar-thumb,
[data-theme] .ds-scroll-overlay::-webkit-scrollbar-thumb {
  background: var(--fg-4);
  border-radius: var(--radius-pill);
  border: 2px solid transparent;
  background-clip: padding-box;
}
html[data-theme].ds-scroll-overlay::-webkit-scrollbar-thumb:hover,
[data-theme] .ds-scroll-overlay::-webkit-scrollbar-thumb:hover {
  background: var(--fg-3);
  background-clip: padding-box;
}
:where(html[data-theme].ds-scroll-overlay *) {
  scrollbar-width: thin;
}

[data-theme] .chat-author {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  max-width: 80%; margin-bottom: var(--space-1-5); min-width: 0;
}
[data-theme] .chat-author__av {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: var(--radius-pill);
  flex: 0 0 auto; overflow: hidden;
  background: var(--av-tint); color: var(--av-ink);
  font-size: 9px; font-weight: var(--weight-semibold);
  line-height: 1; letter-spacing: 0;
}
[data-theme] .chat-author__av img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

[data-theme] .chat-author__name {
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--fg-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; min-width: 0;
}

[data-theme] .chat-author__you {
  font-family: var(--font-mono); font-size: 9px; font-weight: var(--weight-semibold);
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-4);
  border: 1px solid var(--line-2); border-radius: var(--radius-xs);
  padding: 1px 4px; flex: 0 0 auto;
}

[data-theme] .chat-author__time {
  font-family: var(--font-mono); font-size: 10px; color: var(--fg-4);
  margin-left: var(--space-2); flex: 0 0 auto;
}
@media (max-width: 1023.98px) {
  [data-theme] .editor-topbar { display: none !important; }
}

[data-theme] .editor-topbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 12px 0 12px;
  height: 60px;
  background: var(--bg);
  position: relative;
  z-index: 60;
}
[data-theme] .editor-topbar-left,
[data-theme] .editor-topbar-center,
[data-theme] .editor-topbar-right {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
[data-theme] .editor-topbar-right { justify-content: flex-end; }
[data-theme] .editor-topbar-center { justify-content: flex-start; }
[data-theme] .editor-topbar-left-content {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  transition: width 300ms ease-out, opacity 220ms ease-out;
  overflow-x: clip;
  overflow-y: visible;
}
[data-theme] .editor-topbar-left .tb-iconbtn[data-editor-layout-target="expandButton"] {
  transition: opacity 200ms ease-out 80ms;
}
[data-theme] .editor-topbar-left .tb-iconbtn[data-editor-layout-target="expandButton"].hidden {
  opacity: 0;
}
[data-theme] .editor-topbar .brand-trigger {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  padding: 0 4px 0 0;
  cursor: pointer;
  transition: filter var(--t-base), background var(--t-base);
}
[data-theme] .editor-topbar .brand-trigger:hover { background: var(--bg-2); }
[data-theme] .editor-topbar .brand-trigger:hover .brand-mark { filter: brightness(1.08); }
[data-theme] .editor-topbar .brand-trigger-caret {
  font-size: 10px;
  line-height: 1;
  color: var(--fg-4);
  flex-shrink: 0;
  transition: color var(--t-base);
}
[data-theme] .editor-topbar .brand-trigger:hover .brand-trigger-caret { color: var(--fg-2); }
[data-theme] .editor-topbar .brand-trigger[aria-expanded="true"] .brand-trigger-caret { color: var(--fg-2); }

[data-theme] .editor-topbar .brand-mark {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  transition: filter var(--t-base);
}
[data-theme] .editor-topbar .brand-mark svg,
[data-theme] .editor-topbar .brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-theme] .editor-topbar .proj-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  min-width: 0;
  max-width: 220px;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .editor-topbar .proj-switch:hover {
  background: var(--bg-2);
  border-color: var(--line);
}
[data-theme] .editor-topbar .proj-switch:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .editor-topbar .proj-switch .proj-mark {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-xs);
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 10px;
  line-height: 1;
  color: var(--accent-fg);
  flex-shrink: 0;
  overflow: hidden;
  forced-color-adjust: none;
}
[data-theme] .editor-topbar .proj-switch .proj-mark .proj-mark-letter {
  display: block;
  line-height: 1;
  transform: translateY(var(--cap-optical-nudge));
}
[data-theme] .editor-topbar .proj-switch .proj-mark:has(img) {
  background: color-mix(in srgb, var(--fg) 8%, transparent);
  color: transparent;
}
[data-theme] .editor-topbar .proj-switch .proj-mark img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
[data-theme] .editor-topbar .proj-switch .proj-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
[data-theme] .editor-topbar .proj-switch .proj-caret {
  width: 10px;
  height: 10px;
  opacity: 0.5;
  flex-shrink: 0;
}
[data-theme] .editor-topbar .chip-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-3);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
}
[data-theme] .editor-topbar .chip-pill:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line);
}
[data-theme] .editor-topbar .chip-pill svg,
[data-theme] .editor-topbar .chip-pill i { font-size: 11px; }
[data-theme] .editor-topbar .chip-pill.chip-pill--icon-only {
  padding: 0;
  gap: 0;
  width: 26px;
  justify-content: center;
}
[data-theme] .editor-topbar .chip-pill.chip-pill--icon-only svg,
[data-theme] .editor-topbar .chip-pill.chip-pill--icon-only i { font-size: 13px; }
[data-theme] .editor-topbar .chip-pill.is-starred,
[data-theme] .editor-topbar .chip-pill.is-starred:hover { color: #f5d423; }
[data-theme] .editor-topbar .chip-pill.is-starred svg,
[data-theme] .editor-topbar .chip-pill.is-starred i { color: currentColor; }
[data-theme] .editor-topbar .chip-pill.is-starred svg { fill: currentColor; }
[data-theme] .editor-topbar .tabs-pill {
  display: inline-flex;
  align-items: center;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
}
[data-theme] .editor-topbar .tabs-pill .tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 14px;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .editor-topbar .tabs-pill .tab-btn i,
[data-theme] .editor-topbar .tabs-pill .tab-btn svg { font-size: 13px; }
[data-theme] .editor-topbar .tabs-pill .tab-btn:hover { color: var(--fg); }
[data-theme] .editor-topbar .tabs-pill .tab-btn.is-active {
  background: var(--bg);
  color: var(--fg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .editor-topbar .tabs-pill .tab-btn.is-active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1439px) {
  [data-theme] .editor-topbar .tabs-pill .tab-btn {
    padding: 0 9px;
    gap: 0;
  }
  [data-theme] .editor-topbar .tabs-pill .tab-btn > span {
    display: none;
  }
}
@media (min-width: 1440px) {
  [data-theme] [data-editor-layout-chat-open="true"] .editor-topbar .tabs-pill .tab-btn {
    padding: 0 9px;
    gap: 0;
  }
  [data-theme] [data-editor-layout-chat-open="true"] .editor-topbar .tabs-pill .tab-btn > span {
    display: none;
  }
}
.page-selector-icon-v2 { display: none; }
[data-theme] .page-selector-icon-v1 { display: none; }
[data-theme] .page-selector-icon-v2 { display: inline-flex; }
[data-theme] .ps-preview-as {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 8px 4px;
}
[data-theme] .ps-preview-as .seg {
  padding: 3px;
  border-radius: 9px;
}
[data-theme] .ps-preview-as .seg-btn {
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
}
[data-theme] .ps-preview-as .seg-btn svg {
  width: 14px;
  height: 14px;
}
[data-theme] .ps-preview-as .seg-btn {
  overflow: visible;
}
[data-theme] .ps-preview-as .seg-btn > span {
  overflow: visible;
  text-overflow: clip;
}
[data-theme] .ps-preview-as__label {
  font-family: "Geist", system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding-left: 2px;
}
[data-theme] .page-selector-row--gated { opacity: 0.6; }
[data-theme] .page-selector-row--gated:hover { opacity: 1; }
.page-selector-lock { display: none; }
[data-theme] .page-selector-lock {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  color: var(--fg-3);
}
[data-theme] .editor-topbar .tb-group {
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 2px;
  gap: 1px;
}
[data-theme] .editor-topbar .tb-icon {
  width: 26px;
  height: 24px;
  background: transparent;
  border: 0;
  border-radius: 5px;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .editor-topbar .tb-icon i,
[data-theme] .editor-topbar .tb-icon svg { font-size: 13px; }
[data-theme] .editor-topbar .tb-icon:hover {
  color: var(--fg);
  background: var(--bg-2);
}
[data-theme] .editor-topbar .tb-icon.is-active {
  background: var(--bg-2);
  color: var(--fg);
}
[data-theme] .editor-topbar .tb-icon:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

[data-theme] .editor-topbar .tb-divider {
  width: 1px;
  height: 18px;
  background: var(--line);
  margin: 0 4px;
  flex-shrink: 0;
}
[data-theme] .editor-topbar .tb-iconbtn {
  width: 30px;
  height: 30px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  position: relative;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .editor-topbar .tb-iconbtn i,
[data-theme] .editor-topbar .tb-iconbtn svg { font-size: 13px; }
[data-theme] .editor-topbar .tb-iconbtn:hover {
  color: var(--fg);
  background: var(--bg-2);
  border-color: var(--line-2);
}
[data-theme] .editor-topbar .tb-iconbtn:disabled {
  opacity: 0.3;
  cursor: default;
}
[data-theme] .editor-topbar .tb-iconbtn:disabled:hover {
  background: transparent;
  border-color: transparent;
  color: var(--fg-3);
}
[data-theme] .editor-topbar .tb-iconbtn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .editor-topbar .tb-iconbtn.hidden { display: none; }
[data-theme] .editor-topbar .tb-iconbtn--panel-toggle {
  width: 25px;
  height: 25px;
  border: 0;
  border-radius: var(--radius-sm);
}
[data-theme] .editor-topbar .tb-iconbtn--panel-toggle:hover {
  background: color-mix(in srgb, var(--fg) 8%, transparent);
}
[data-theme] .editor-topbar .ed-theme-switcher-slot { display: inline-flex; }
[data-theme] .editor-topbar .theme-switcher-trigger {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: var(--fg-3);
}
[data-theme] .editor-topbar .theme-switcher-trigger svg { width: 14px; height: 14px; }
[data-theme] .editor-topbar .theme-switcher-trigger:hover {
  background: var(--bg-2);
  border-color: var(--line-2);
  color: var(--fg);
}
[data-theme] .editor-topbar .tb-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base), border-color var(--t-base);
  position: relative;
}
[data-theme] .editor-topbar .tb-btn:hover:not(:disabled) {
  background: var(--bg-2);
  border-color: var(--hover-border);
}
[data-theme] .editor-topbar .tb-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme] .editor-topbar .tb-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .editor-topbar .tb-btn.is-primary {
  background: var(--accent);
  color: var(--accent-fg);
  border-color: transparent;
  forced-color-adjust: none;
}
[data-theme] .editor-topbar .tb-btn.is-primary:hover {
  background: var(--primary-hover);
}
[data-theme] .editor-topbar .tb-btn i,
[data-theme] .editor-topbar .tb-btn svg { font-size: 13px; }
[data-theme] .editor-topbar .tb-btn .pulse-dot {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--warning-fg);
  border: 1px solid var(--bg);
}
@keyframes ed-topbar-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.6; transform: scale(0.85); }
}
[data-theme] .editor-topbar .tb-btn .pulse-dot.is-pulsing {
  animation: ed-topbar-pulse 1.6s var(--ease-in-out) infinite;
}
[data-theme] .editor-topbar .ed-credit-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .editor-topbar .ed-credit-pill:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--hover-border);
}
[data-theme] .editor-topbar .ed-credit-pill svg,
[data-theme] .editor-topbar .ed-credit-pill i {
  font-size: 13px;
  color: var(--accent-text);
}
[data-theme] .editor-topbar .ed-credit-pill.is-low {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
}
[data-theme] .editor-topbar .ed-credit-pill.is-low svg,
[data-theme] .editor-topbar .ed-credit-pill.is-low i {
  color: var(--warning-fg);
}
[data-theme] .editor-topbar .ed-credit-pill.is-warning {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 50%, var(--line));
  background: var(--warning-bg);
}
[data-theme] .editor-topbar .ed-credit-pill.is-warning svg,
[data-theme] .editor-topbar .ed-credit-pill.is-warning i {
  color: var(--warning-fg);
}
[data-theme] .editor-topbar .ed-credit-pill.is-negative {
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line));
  background: var(--danger-bg);
}
[data-theme] .editor-topbar .ed-credit-pill.is-negative svg,
[data-theme] .editor-topbar .ed-credit-pill.is-negative i {
  color: var(--danger-fg);
}
[data-theme] .editor-topbar .ed-credit-cluster {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
[data-theme] .editor-topbar .ed-credit-topup-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 11px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: var(--accent);
  color: var(--accent-fg);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  forced-color-adjust: none;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .editor-topbar .ed-credit-topup-btn:hover {
  background: color-mix(in srgb, var(--accent) 88%, #000);
}
[data-theme] .editor-topbar .ed-credit-topup-btn svg,
[data-theme] .editor-topbar .ed-credit-topup-btn i {
  color: var(--accent-fg);
}
[data-theme] .editor-topbar .happy-hour-pill {
  width: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
}
[data-theme] .editor-topbar .happy-hour-pill::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--accent) 90%, transparent) 0%,
    transparent 70%
  );
  opacity: 0;
  pointer-events: none;
  transform: scale(0.5);
  animation: happy-hour-sparkle 4s ease-in-out infinite;
}
[data-theme] .editor-topbar .happy-hour-pill.is-off {
  color: var(--fg-2);
  cursor: pointer;
}
[data-theme] .editor-topbar .happy-hour-pill.is-off:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--hover-border);
}
[data-theme] .editor-topbar .happy-hour-pill.is-off svg {
  color: var(--accent-text);
}
[data-theme] .editor-topbar .happy-hour-pill.is-on {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--accent) 25%, transparent) 0%,
    color-mix(in srgb, var(--accent) 10%, transparent) 100%
  );
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  color: var(--accent-text, var(--accent));
  animation: happy-hour-glow 2.4s ease-in-out infinite;
}
[data-theme] .editor-topbar .happy-hour-pill.is-on svg {
  color: var(--accent-text, var(--accent));
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 50%, transparent));
}
[data-theme] .editor-topbar .happy-hour-pill.is-on::after {
  width: 10px;
  height: 10px;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--accent) 100%, transparent) 0%,
    color-mix(in srgb, var(--accent) 40%, transparent) 40%,
    transparent 75%
  );
  animation: happy-hour-sparkle 2s ease-in-out infinite;
}
[data-theme] .editor-topbar .happy-hour-pill.is-locked,
[data-theme] .editor-topbar .happy-hour-pill.is-exhausted {
  color: var(--fg-3);
  cursor: pointer;
  opacity: 0.7;
  transition: opacity var(--t-base), color var(--t-base), border-color var(--t-base), background var(--t-base);
}
[data-theme] .editor-topbar .happy-hour-pill.is-locked:hover,
[data-theme] .editor-topbar .happy-hour-pill.is-exhausted:hover {
  opacity: 1;
  background: var(--bg-2);
  color: var(--fg-2);
  border-color: var(--hover-border);
}
[data-theme] .editor-topbar .happy-hour-pill.is-locked svg,
[data-theme] .editor-topbar .happy-hour-pill.is-exhausted svg {
  color: var(--fg-3);
  transition: color var(--t-base);
}
[data-theme] .editor-topbar .happy-hour-pill.is-locked:hover svg,
[data-theme] .editor-topbar .happy-hour-pill.is-exhausted:hover svg {
  color: var(--accent-text-hover);
}
[data-theme] .editor-topbar .happy-hour-pill.is-locked::after,
[data-theme] .editor-topbar .happy-hour-pill.is-exhausted::after {
  display: none;
}
[data-theme] .editor-topbar .happy-hour-pill.is-exhausted {
  border-color: color-mix(in srgb, var(--warning-fg) 25%, var(--line));
}
@keyframes happy-hour-sparkle {
  0%, 88%, 100% {
    opacity: 0;
    transform: scale(0.5) rotate(0deg);
  }
  4% {
    opacity: 1;
    transform: scale(1.2) rotate(180deg);
  }
  12% {
    opacity: 0;
    transform: scale(0.7) rotate(360deg);
  }
}

@keyframes happy-hour-glow {
  0%, 100% {
    box-shadow: 0 0 6px -1px color-mix(in srgb, var(--accent) 35%, transparent);
  }
  50% {
    box-shadow: 0 0 12px 1px color-mix(in srgb, var(--accent) 65%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .editor-topbar .happy-hour-pill::after {
    animation: none;
    opacity: 0;
  }
  [data-theme] .editor-topbar .happy-hour-pill.is-on {
    animation: none;
    box-shadow: 0 0 8px -1px color-mix(in srgb, var(--accent) 50%, transparent);
  }
}
[data-theme] .editor-topbar .tb-avatar {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--accent) 60%, #000);
  text-transform: uppercase;
  flex-shrink: 0;
  padding: 0;
  forced-color-adjust: none;
  transition: filter var(--t-base);
}
[data-theme] .editor-topbar .tb-avatar:hover { filter: brightness(1.08); }
[data-theme] .ed-flyout-host {
  position: relative;
}
[data-theme] .ed-flyout {
  position: absolute;
  top: 0;
  left: calc(100% - 4px);
  min-width: 180px;
  padding: 6px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 51;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-6px);
  transition: opacity var(--t-base), transform var(--t-base), visibility 0s linear var(--t-base);
  pointer-events: none;
}
[data-theme] .ed-flyout-host:hover .ed-flyout,
[data-theme] .ed-flyout-host:focus-within .ed-flyout {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
  transition-delay: 0s, 0s, 0s;
}
[data-theme] .ed-flyout-eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: 6px 8px 4px;
}
[data-theme] .ed-flyout-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 0;
  border-radius: var(--radius-xs);
  background: transparent;
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .ed-flyout-item:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .ed-flyout-item.is-active { color: var(--fg); }
[data-theme] .editor-topbar .collab-stack {
  display: inline-flex;
  align-items: center;
}
[data-theme] .editor-topbar .collab-avatar {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--bg-2);
  border: 2px solid var(--bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  color: var(--fg-2);
  margin-left: -8px;
  text-transform: uppercase;
}
[data-theme] .editor-topbar .collab-avatar:first-child { margin-left: 0; }
[data-theme] .editor-topbar .collab-avatar.collab-overflow { color: var(--fg-3); background: var(--bg-3); }
.chat-rail-divider {
  width: 1px;
  height: 18px;
  background: var(--ed-border, rgba(255,255,255,0.10));
  flex-shrink: 0;
  margin: 0 4px;
}
:root .chat-rail-divider {
  background: rgba(0,0,0,0.12);
}
.chat-composer-card.plan-mode-glow {
  border-color: rgba(34, 197, 94, 0.60) !important;
  box-shadow:
    0 0 0 1px rgba(34, 197, 94, 0.40),
    0 0 12px 2px rgba(34, 197, 94, 0.20);
}
:root .chat-composer-card.plan-mode-glow {
  border-color: rgba(22, 163, 74, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(22, 163, 74, 0.35),
    0 0 12px 2px rgba(22, 163, 74, 0.18);
}
@media (prefers-reduced-motion: reduce) {
  .chat-composer-card.plan-mode-glow {
    transition: none;
  }
}

[data-theme] .notif-wrap { position: relative; display: inline-flex; }
[data-theme] .notif-bell { position: relative; }
[data-theme] .notif-wrap.show .notif-bell {
  color: var(--fg);
  background: var(--bg-2);
  border-color: var(--line-2);
}

[data-theme] .notif-bell .notif-dot {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent-text);
  box-shadow: 0 0 0 2px var(--bg);
}

[data-theme] .notif-pop {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: 344px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 10px 24px -8px rgba(0, 0, 0, 0.35),
    0 4px 10px rgba(0, 0, 0, 0.20);
  z-index: 60;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 140ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1);
}
[data-theme="light"] .notif-pop {
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 10px 24px -8px rgba(15, 23, 42, 0.12),
    0 4px 10px rgba(15, 23, 42, 0.06);
}
[data-theme] .notif-wrap.show .notif-pop {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
[data-theme] .notif-pop .seg { margin: 8px 8px 4px; }
[data-theme] .notif-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 4px 14px;
}
[data-theme] .notif-meta-count {
  font: 500 11px var(--font-body);
  letter-spacing: 0.01em;
  color: var(--fg-4);
}
[data-theme] .notif-mark {
  border: 0;
  background: transparent;
  font: 500 11px var(--font-body);
  color: var(--fg-3);
  cursor: pointer;
  padding: 5px 8px;
  border-radius: 6px;
}
[data-theme] .notif-mark:hover { color: var(--fg); background: var(--bg-3); }
[data-theme] .notif-body {
  overflow-y: auto;
  max-height: 380px;
  padding: 2px 6px 6px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .notif-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 8px;
}
[data-theme] .notif-row:hover { background: var(--bg-3); }
[data-theme] .notif-row.invite {
  background: color-mix(in srgb, var(--fg) 4%, transparent);
}
[data-theme] .notif-row.invite:hover {
  background: color-mix(in srgb, var(--fg) 7%, transparent);
}
[data-theme] .notif-ic {
  width: 26px;
  height: 26px;
  flex: none;
  border-radius: 50%;
  background: var(--bg-3);
  border: 1px solid var(--line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-2);
}
[data-theme] .notif-row:hover .notif-ic { background: var(--bg-2); }
[data-theme] .notif-ic svg { width: 13px; height: 13px; }
[data-theme] .notif-ic.av {
  padding: 0;
  overflow: hidden;
  background: var(--bg-3);
  font: 600 12px var(--font-body);
}
[data-theme] .notif-ic.av img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
[data-theme] .notif-main { flex: 1; min-width: 0; }
[data-theme] .notif-txt {
  font: 400 12.5px/1.5 var(--font-body);
  color: var(--fg-2);
}
[data-theme] .notif-txt strong { color: var(--fg); font-weight: 600; }
[data-theme] .notif-side {
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 1px;
}
[data-theme] .notif-time { font: 500 11px var(--font-body); color: var(--fg-4); }
[data-theme] .unread-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent-text);
}
[data-theme] .notif-acts { display: flex; gap: 6px; margin-top: 8px; }
[data-theme] .notif-act {
  height: 24px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--fg-2);
  font: 500 12px var(--font-body);
  cursor: pointer;
}
[data-theme] .notif-act:hover {
  background: var(--bg-3);
  color: var(--fg);
  border-color: var(--hover-border);
}
[data-theme] .notif-act.primary {
  background: var(--fg);
  color: var(--bg);
  border-color: transparent;
  font-weight: 600;
}
[data-theme] .notif-act.primary:hover {
  background: color-mix(in srgb, var(--fg) 85%, var(--bg));
  color: var(--bg);
}
[data-theme] .notif-row.invite .notif-act { background: transparent; }
[data-theme] .notif-row.invite .notif-act.primary { background: var(--fg); }
[data-theme] .notif-row.invite .notif-act.primary:hover {
  background: color-mix(in srgb, var(--fg) 85%, var(--bg));
}
[data-theme] .notif-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 64px 32px;
  gap: 4px;
}
[data-theme] .notif-empty svg {
  width: 22px;
  height: 22px;
  color: var(--fg-3);
  margin-bottom: 8px;
}
[data-theme] .notif-empty-title { font: 600 13px var(--font-body); color: var(--fg); }
[data-theme] .notif-empty-sub {
  font: 400 12.5px/1.5 var(--font-body);
  color: var(--fg-3);
  max-width: 232px;
}
[data-theme] .wn-row {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 8px;
  border-radius: 8px;
}
[data-theme] .wn-row:hover { background: var(--bg-3); }
[data-theme] .wn-head { display: flex; align-items: center; gap: 8px; }
[data-theme] .wn-title { font: 600 12.5px var(--font-body); color: var(--fg); }
[data-theme] .wn-tag {
  font: 600 9.5px var(--font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent-text) 12%, transparent);
  padding: 2px 7px;
  border-radius: 99px;
}
[data-theme] .wn-date {
  margin-left: auto;
  font: 500 11px var(--font-body);
  color: var(--fg-4);
}
[data-theme] .wn-desc { font: 400 12.5px/1.5 var(--font-body); color: var(--fg-2); }
[data-theme] .wn-foot {
  display: block;
  width: calc(100% - 12px);
  text-align: center;
  text-decoration: none;
  margin: 0 6px 6px;
  padding: 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font: 500 12px var(--font-body);
  color: var(--fg-3);
  cursor: pointer;
}
[data-theme] .wn-foot:hover { background: var(--bg-3); color: var(--fg); }
[data-theme] .editor-chat-input-wrapper {
  background-color: var(--bg);
  border-top-width: 0;
}
[data-theme] .editor-queue-banner__dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
[data-theme] .editor-queue-banner__dots i {
  width: 5px;
  height: 5px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  animation: editor-queue-dot 1.2s ease-in-out infinite;
}
[data-theme] .editor-queue-banner__dots i:nth-child(2) { animation-delay: 0.16s; }
[data-theme] .editor-queue-banner__dots i:nth-child(3) { animation-delay: 0.32s; }
@keyframes editor-queue-dot {
  0%, 100% { opacity: 0.32; }
  50%      { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .editor-queue-banner__dots i { animation: none; }
  [data-theme] .editor-queue-banner__dots i:nth-child(1) { opacity: 0.4; }
  [data-theme] .editor-queue-banner__dots i:nth-child(2) { opacity: 0.7; }
}
[data-theme] .editor-queue-banner__count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: var(--radius-pill);
  background: var(--bg-3);
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
[data-theme] .editor-queue-banner__count svg { width: 11px; height: 11px; }
[data-theme] .editor-queue-stop {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--line-2);
  border-radius: var(--radius-pill);
  background: var(--bg-3);
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.12s, border-color 0.12s;
}
[data-theme] .editor-queue-stop:hover { color: var(--fg); border-color: var(--fg-3); }
[data-theme] .editor-queue-stop__square {
  width: 7px;
  height: 7px;
  border-radius: 1.5px;
  background: var(--fg-2);
  transition: background 0.12s;
}
[data-theme] .editor-queue-stop:hover .editor-queue-stop__square { background: var(--fg); }
[data-theme] .editor-queue-action {
  background: transparent;
  border: 0;
  padding: 0 2px;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.12s;
}
[data-theme] .editor-queue-action:hover { color: var(--fg); }
[data-theme] .editor-queue-banner__count.hidden,
[data-theme] .editor-queue-stop.hidden,
[data-theme] .editor-queue-action.hidden {
  display: none;
}
[data-theme] .chat-composer-card {
  background: var(--bg-2);
  border-color: var(--line);
  border-radius: var(--radius-lg);
  box-shadow: none;
}
[data-theme] .chat-composer-card:focus-within {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  box-shadow: none;
}
[data-theme] .editor-send-btn {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  box-shadow: none;
  cursor: pointer;
  transition: background 120ms ease;
  forced-color-adjust: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
[data-theme] .editor-send-btn:hover:not(:disabled) { background: var(--primary-hover); }
[data-theme] .editor-send-btn:disabled {
  background: var(--bg-3);
  color: var(--fg-4);
  cursor: default;
  opacity: 1;
}
[data-theme] .editor-send-btn--glyph {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: inherit;
  forced-color-adjust: none;
  transition: opacity 120ms ease;
}
[data-theme] .editor-send-btn:not(:disabled) .editor-send-btn--glyph { color: var(--accent-fg); }
[data-theme] .editor-send-btn--arrow { opacity: 1; }
[data-theme] .editor-send-btn--plus  { opacity: 0; }
[data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.hidden))
  .editor-send-btn:not(:disabled):hover .editor-send-btn--arrow { opacity: 0; }
[data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.hidden))
  .editor-send-btn:not(:disabled):hover .editor-send-btn--plus { opacity: 1; }
[data-theme] .editor-chat-input-wrapper:has([data-message-queue-target="stopButton"]:not(.hidden))
  .editor-send-btn:not(:disabled)::after { content: attr(data-tip-working); }
[data-theme] .queued-chip {
  gap: 8px;
  padding: 7px 7px 7px 10px;
  background: var(--bg-2);
  border: 0;
  border-radius: var(--radius-sm);
  transition: background 0.12s;
}
[data-theme] .queued-chip:hover { background: color-mix(in srgb, var(--fg) 5%, var(--bg-2)); }
[data-theme] .queued-chip--steer {
  border: 1px solid var(--info-fg);
  padding: 6px 6px 6px 9px;
}

[data-theme] .queued-chip__num {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
[data-theme] .queued-chip--steer .queued-chip__num { color: var(--info-fg); }

[data-theme] .queued-chip__text {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--fg-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .queued-chip__action {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: var(--radius-xs);
  background: transparent;
  color: var(--fg-4);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s, background 0.12s, color 0.12s;
}
[data-theme] .queued-chip:hover .queued-chip__action,
[data-theme] .queued-chip:focus-within .queued-chip__action { opacity: 1; }
[data-theme] .queued-chip__action:focus-visible { opacity: 1; }
[data-theme] .queued-chip__action:hover {
  background: color-mix(in srgb, var(--fg) 10%, transparent);
  color: var(--fg);
}
[data-theme] .queued-chip__action--danger:hover {
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
  color: var(--danger-fg);
}
[data-theme] .queued-chip__action svg { width: 13px; height: 13px; }
[data-theme] .queued-chip__meta {
  font-size: 10.5px;
  color: var(--fg-4);
}
[data-theme] .continue-action {
  position: relative;
  z-index: 2;
  margin: 12px 0 14px;
  display: inline-flex;
}
[data-theme] .chat-suggest-wrap {
  position: relative;
  width: 100%;
}

[data-theme] .chat-suggest-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-padding-left: 2px;
  padding: 2px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[data-theme] .chat-suggest-row::-webkit-scrollbar { display: none; }

[data-theme] .chat-suggest-card {
  flex: 0 0 220px;
  width: 220px;
  scroll-snap-align: start;
  position: relative;
}
[data-theme] .chat-suggest-card .chat-suggest-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme] .chat-suggest-card .chat-suggest-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme] .chat-suggest-collapse-icon {
  transition: transform 160ms var(--ease-out);
}
[data-theme] [data-suggestions-collapsed="true"] .chat-suggest-collapse-icon {
  transform: rotate(180deg);
}

[data-theme] .chat-suggest-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity var(--t-base);
}
[data-theme] .chat-suggest-fade-left {
  left: 0;
  background: linear-gradient(
    to right,
    var(--bg) 0%,
    color-mix(in srgb, var(--bg) 70%, transparent) 60%,
    transparent 100%
  );
}
[data-theme] .chat-suggest-fade-right {
  right: 0;
  background: linear-gradient(
    to left,
    var(--bg) 0%,
    color-mix(in srgb, var(--bg) 70%, transparent) 60%,
    transparent 100%
  );
  opacity: 1;
}
[data-theme] .cu-bell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 9px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .cu-bell svg {
  width: 15px;
  height: 15px;
}
[data-theme] .cu-bell.on {
  color: var(--accent-text);
}
[data-theme] .cu-bell:hover,
[data-theme] .cu-bell.on:hover {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .cu-edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 9px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-3);
  font: 500 12px var(--font-body);
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .cu-edit svg {
  width: 15px;
  height: 15px;
}
[data-theme] .cu-edit:hover {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .cu-edit .cu-edit-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--fg-4);
  transition: background 0.15s, box-shadow 0.15s;
}
[data-theme] .cu-edit.on {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .cu-edit.on:hover {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .cu-edit.on .cu-edit-dot {
  background: var(--accent-text);
  box-shadow: none;
}
[data-theme] .cu-selchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 5px 0 9px;
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-2);
  max-width: 300px;
  min-width: 0;
  flex: 0 1 auto;
}
[data-theme] .cu-selchip-id {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-mono);
  font-size: 11px;
}
[data-theme] .cu-selchip button {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  padding: 0;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .cu-selchip button svg {
  width: 11px;
  height: 11px;
}
[data-theme] .cu-selchip button:hover {
  background: var(--bg-2);
  color: var(--fg);
}
[data-theme] #preview_panel.edit-mode #preview-iframe {
  cursor: crosshair;
}

[data-theme] .ve-banner {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 40;
  display: none;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 5px 0 13px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: 999px;
  box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.5);
  font: 500 12px var(--font-body);
  color: var(--fg-2);
  white-space: nowrap;
}
[data-theme] #preview_panel.edit-mode .ve-banner {
  display: inline-flex;
}
[data-theme] .ve-banner > svg {
  width: 13px;
  height: 13px;
  color: var(--accent-text);
  flex: 0 0 auto;
}
[data-theme] .ve-banner .ve-label {
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .ve-banner .ve-sub {
  color: var(--fg-3);
}
[data-theme] .ve-banner [hidden] {
  display: none !important;
}
[data-theme] .ve-banner .ve-done {
  height: 26px;
  padding: 0 11px;
  margin-left: 4px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #16181a;
  font: 600 11.5px var(--font-body);
  cursor: pointer;
  transition: background 0.12s, opacity 0.12s;
  forced-color-adjust: none;
}
[data-theme] .ve-banner .ve-done:hover {
  background: #e8eaed;
}
[data-theme="light"] .ve-banner .ve-done:not(.is-save) {
  background: #16181a;
  color: #ffffff;
}
[data-theme="light"] .ve-banner .ve-done:not(.is-save):hover {
  background: #2a2c2e;
}
[data-theme] .ve-banner .ve-done.is-save {
  background: var(--accent);
  color: var(--accent-fg, #0a0e0a);
}
[data-theme] .ve-banner .ve-done.is-save:hover {
  background: var(--accent-hover);
}
[data-theme] .think-menu[data-thinking-effort-target] {
  background: var(--bg-1);
  border-color: var(--line-2);
  box-shadow: none;
}
[data-theme] .think-menu .think-menu__head {
  background: var(--bg-2);
  border-bottom-color: var(--line);
}
[data-theme] .think-menu .think-menu__opt {
  border-top-width: 0;
  border-radius: var(--radius-sm);
  padding: 7px 9px;
  gap: 9px;
}
[data-theme] .think-menu .think-menu__head {
  padding: 9px 12px;
}
[data-theme] .think-menu[data-thinking-effort-target] {
  padding: 0 4px 4px;
}
[data-theme] .think-menu .think-menu__head {
  margin: 0 -4px 4px;
}
[data-theme] .think-menu .think-menu__opt:hover {
  background: color-mix(in srgb, var(--fg) 5%, transparent);
}
[data-theme] .think-menu .think-menu__opt[data-selected="true"] {
  background: var(--bg-3);
}
[data-theme] .think-menu .think-menu__opt[data-selected="true"]:hover {
  background: var(--hover-bg);
}
[data-theme="light"] .think-menu .think-menu__opt:hover {
  background: color-mix(in srgb, var(--fg) 3%, transparent);
}
[data-theme="light"] .think-menu .think-menu__opt[data-selected="true"] {
  background: color-mix(in srgb, var(--fg) 10%, transparent);
}
[data-theme="light"] .think-menu .think-menu__opt[data-selected="true"]:hover {
  background: color-mix(in srgb, var(--fg) 13%, transparent);
}
[data-theme] .think-menu .think-menu__opt:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: -2px;
}

[data-theme] .ve-banner .ve-done:disabled {
  opacity: 0.6;
  cursor: default;
}
[data-theme] .ve-banner .ve-discard {
  height: 26px;
  padding: 0 11px;
  margin-left: 6px;
  border: 1px solid var(--line-2);
  border-radius: 999px;
  background: transparent;
  color: var(--fg);
  font: 600 11.5px var(--font-body);
  cursor: pointer;
  transition: color 0.12s, border-color 0.12s, background 0.12s, opacity 0.12s;
}
[data-theme] .ve-banner .ve-discard:hover {
  border-color: var(--hover-border);
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .ve-banner .ve-discard:disabled {
  opacity: 0.6;
  cursor: default;
}
[data-theme] .ve-banner .ve-hbtns {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 2px;
}
[data-theme] .ve-banner .ve-hb {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  transition: background 0.12s, color 0.12s, opacity 0.12s;
}
[data-theme] .ve-banner .ve-hb svg {
  width: 13px;
  height: 13px;
}
[data-theme] .ve-banner .ve-hb:hover:not(:disabled) {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .ve-banner .ve-hb:disabled {
  opacity: 0.35;
  cursor: default;
}
[data-theme] .ve-banner.err {
  border-color: color-mix(in srgb, #e0564a 45%, var(--line-2));
}
[data-theme] .ve-banner.err > svg {
  color: #e0564a;
}
[data-theme] #chat_messages .chat-msg--grouped {
  margin-top: calc(var(--space-1-5) - var(--space-3));
}
[data-theme] .aref-trigger { color: var(--fg-3); }
[data-theme] .aref-trigger:hover { color: var(--fg); background: var(--hover-bg); }
[data-theme] .aref-trigger svg { width: 13px; height: 13px; }
[data-theme] .aref-trigger.on,
[data-theme] .aref-trigger.on:hover {
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}

[data-theme] .aref-scrim {
  position: fixed;
  inset: 0;
  z-index: var(--z-sticky);
  background: color-mix(in srgb, var(--scrim) 34%, transparent);
  animation: aref-fade 0.16s ease-out both;
}

@keyframes aref-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes aref-rise {
  from { opacity: 0; transform: translateY(8px) scale(0.985); }
  to { opacity: 1; transform: none; }
}

[data-theme] .aref-pop {
  position: fixed;
  left: 50%;
  bottom: 96px;
  width: min(420px, calc(100vw - 32px));
  transform: translateX(-50%);
  z-index: var(--z-dropdown);

  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: 6px;

  transform-origin: bottom center;
  display: flex;
  flex-direction: column;
  max-height: min(60vh, 420px);
  animation: aref-rise 0.2s cubic-bezier(0.2, 0.8, 0.3, 1) both;
}
[data-theme] .aref-pop.is-anchored { transform: none; }

@media (prefers-reduced-motion: reduce) {
  [data-theme] .aref-pop,
  [data-theme] .aref-scrim { animation-duration: 0.01ms; }
}

[data-theme] .aref-head {
  flex: none;
  padding: 7px 8px 6px;
  font-family: var(--font-body);
  font-size: 10.5px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
}

[data-theme] .aref-search {
  flex: none;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 9px;
  margin-bottom: 4px;
  border-radius: var(--radius-md);
  background: var(--bg-1);
  border: 1px solid var(--line);
  transition: border-color var(--t-base), box-shadow var(--t-base);
}
[data-theme] .aref-search:focus-within {
  border-color: var(--field-border-focus);
  box-shadow: var(--field-ring);
}
[data-theme] .aref-search svg { width: 14px; height: 14px; color: var(--fg-4); flex: none; }
[data-theme] .aref-search input[type="search"] {
  flex: 1;
  min-width: 0;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  outline: none;
  color: var(--fg) !important;
  font: 500 12.5px/1.4 var(--font-body);
}
[data-theme] .aref-search input[type="search"]::-moz-placeholder { color: var(--fg-4); }
[data-theme] .aref-search input[type="search"]::placeholder { color: var(--fg-4); }
[data-theme] .aref-search input[type="search"]:focus {
  border: 0 !important;
  box-shadow: none !important;
}
[data-theme] .aref-search input[type="search"]::-webkit-search-decoration,
[data-theme] .aref-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

[data-theme] .aref-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

[data-theme] .aref-opt {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 8px;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  cursor: pointer;
}
[data-theme] .aref-opt.hidden { display: none; }
[data-theme] .aref-opt:hover { background: var(--bg-3); }
[data-theme] .aref-opt:focus-visible { outline: none; box-shadow: var(--focus-ring); }

[data-theme] .aref-glyph {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-sm);
  flex: none;
  display: grid;
  place-items: center;
  color: #fff;
  font: 600 11px/1 var(--font-body);
  letter-spacing: 0.02em;
}
[data-theme] .aref-glyph.sm {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-xs);
  font-size: 7.5px;
}

[data-theme] .aref-opt-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .aref-opt-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .aref-opt.on .aref-opt-name { color: var(--fg); }
[data-theme] .aref-opt-meta { font-size: 10.5px; color: var(--fg-4); }
[data-theme] .aref-box {
  width: 17px;
  height: 17px;
  flex: none;
  border-radius: var(--radius-xs);
  border: 1.5px solid var(--fg-4);
  background: var(--bg-1);
  display: grid;
  place-items: center;
  color: #fff;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .aref-opt:hover .aref-box { border-color: var(--fg-3); }
[data-theme] .aref-opt.on .aref-box { background: var(--accent); border-color: var(--accent); }
[data-theme] .aref-box svg { width: 11px; height: 11px; }
[data-theme] .aref-opt:not(.on) .aref-box svg { display: none; }

[data-theme] .aref-empty {
  padding: 14px 10px;
  text-align: center;
  font-size: 11.5px;
  color: var(--fg-4);
}

[data-theme] .aref-foot {
  flex: none;
  margin-top: 6px;
  padding: 8px 9px;
  border-radius: var(--radius-md);
  background: var(--bg-1);
  font-size: 10.5px;
  line-height: 1.45;
  color: var(--fg-4);
}
[data-theme] .aref-foot .aref-foot-note:not(:empty) ~ .aref-foot-note { margin-top: 4px; }
[data-theme] .aref-foot .aref-foot-error { color: var(--danger-fg); }
[data-theme] .aref-foot .aref-foot-error:empty { display: none; }

[data-theme] .aref-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 9px 12px 0;
}
[data-theme] .aref-chips.hidden { display: none; }
[data-theme] .aref-chips.aref-chips-above { padding: 0 8px 8px; }

[data-theme] .aref-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  height: 24px;
  padding: 0 4px 0 5px;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  border: 1px solid var(--line);
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--fg-2);
}
[data-theme] .aref-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .aref-chip button {
  width: 16px;
  height: 16px;
  flex: none;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  border-radius: var(--radius-xs);
  color: var(--fg-4);
  cursor: pointer;
}
[data-theme] .aref-chip button:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .aref-chip button svg { width: 11px; height: 11px; }
[data-theme] .suggest-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  padding: 12px 14px 0;
  margin-bottom: 10px;
}
[data-theme] .suggest-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 20px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
}
[data-theme] .suggest-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: transparent;
  border: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  transition: color 0.12s;
}
[data-theme] .suggest-toggle:hover {
  color: var(--fg-2);
}
[data-theme] .suggest-toggle svg {
  width: 12px;
  height: 12px;
}
[data-theme] .suggest-toggle .suggest-caret {
  transition: transform 0.15s ease;
}
[data-theme] .suggest-block--collapsed .suggest-toggle .suggest-caret {
  transform: rotate(-90deg);
}
[data-theme] .suggest-pager {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
[data-theme] .suggest-block--collapsed .suggest-pager {
  display: none;
}
[data-theme] .suggest-count {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--fg-4);
}
[data-theme] .suggest-count-of {
  color: inherit;
  opacity: 0.7;
}
[data-theme] .suggest-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  cursor: pointer;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}
[data-theme] .suggest-nav:hover {
  color: var(--fg);
  border-color: color-mix(in srgb, var(--fg) 22%, var(--line));
}
[data-theme] .suggest-nav svg {
  width: 11px;
  height: 11px;
}
[data-theme] .suggest-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  align-items: stretch;
}
[data-theme] .suggest-block--collapsed .suggest-cards {
  display: none;
}
[data-theme] .suggest-card {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  height: 100%;
  padding: 9px 11px;
  background: var(--bg-2);
  border: 0;
  border-radius: var(--radius-md);
  text-align: left;
  font-family: var(--font-body);
  cursor: pointer;
  overflow: hidden;
  transition: background 0.15s;
}
[data-theme] .suggest-card:hover {
  background: color-mix(in srgb, var(--fg) 3%, var(--bg-2));
}
[data-theme] .suggest-card[hidden] {
  display: none;
}
[data-theme] .suggest-card .suggest-card-title {
  flex: none;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.35;
  color: var(--fg);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme] .suggest-card .suggest-card-desc {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--fg-3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme] .dash {
  display: grid;
  grid-template-columns: 220px 1fr;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  [data-theme] .dash { grid-template-columns: 48px 1fr; }
  [data-theme] .dash-nav { padding: 8px 4px; }
  [data-theme] .dash-nav-item {
    justify-content: center;
    padding: 0;
    width: 40px;
    height: 36px;
  }
  [data-theme] .dash-nav-item > span,
  [data-theme] .dash-nav-item .dash-nav-badge { display: none; }
}
[data-theme] .dash-nav {
  border-right: 1px solid var(--line);
  background: var(--bg);
  padding: 12px 8px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .dash-main {
  overflow-y: auto;
  padding: 24px 28px 80px;
  background: var(--bg-1);
  container-type: inline-size;
  container-name: dash-main;
}
[data-theme] .dash-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding: 0 10px;
  background: transparent;
  border-width: 0;
  border-radius: 6px;
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  width: 100%;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .dash-nav-item:hover {
  background: color-mix(in srgb, var(--fg) 4%, transparent);
  color: var(--fg);
}
[data-theme] .dash-nav-item.is-active {
  background: var(--bg-3);
  color: var(--fg);
  font-weight: 600;
}
[data-theme] .dash-nav-item svg,
[data-theme] .dash-nav-item i {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.7;
}
[data-theme] .dash-nav-item.is-active svg,
[data-theme] .dash-nav-item.is-active i {
  opacity: 1;
  color: var(--accent-text);
}
[data-theme] .dash-nav-item .dash-nav-badge {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--bg-2);
  color: var(--fg-3);
  border: 1px solid var(--line);
}
[data-theme] .dash-nav-item.is-active .dash-nav-badge {
  background: var(--bg-3);
  border-color: var(--line-2);
  color: var(--fg-2);
}
[data-theme] .dv {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
[data-theme] [data-dashboard-view]:not(.p-4) .dv[data-panel-skeleton] {
  padding: 24px 28px;
}
[data-theme] [data-dashboard-view]:not([data-dashboard-view="api"]):not([data-dashboard-view="data"]) > turbo-frame > * {
  padding-bottom: 64px;
}
[data-theme] .dv.hidden {
  display: none;
}
[data-theme] .dv-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title actions"
    "sub   actions";
  align-items: start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-bottom: 24px;
}
[data-theme] .dv-header > .dv-title { grid-area: title; min-width: 0; }
[data-theme] .dv-header > .dv-sub { grid-area: sub; min-width: 0; }
[data-theme] .dv-header > .dv-actions { grid-area: actions; }
[data-theme] .dv > .dv-header {
  margin-bottom: 0;
}
[data-theme] .dv:has(> .dv-header) {
  gap: 24px;
}
[data-theme] .dv-title {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 4px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
[data-theme] .dv-sub {
  margin: 0;
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .dv-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
[data-theme] .dv-actions:empty {
  display: none;
}
@container dash-main (max-width: 560px) {
  [data-theme] .dv-header {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "sub"
      "actions";
    row-gap: 0;
  }
  [data-theme] .dv-header > .dv-actions {
    justify-self: start;
    margin-left: 0;
    margin-top: 14px;
    flex-wrap: wrap;
  }
}
[data-theme] .dv-empty {
  text-align: center;
  padding: 40px 20px;
}
[data-theme] .dv-empty-icon {
  display: inline-flex;
  margin-bottom: 12px;
}
[data-theme] .dv-empty-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  color: var(--fg);
  margin-bottom: 4px;
}
[data-theme] .dv-empty-body {
  font-size: 12.5px;
  color: var(--fg-3);
  max-width: 420px;
  margin: 0 auto;
}
[data-theme] .dv-empty-note {
  font-size: 12px;
  color: var(--fg-4);
  margin: 6px auto 0;
}
[data-theme] .dv-empty-actions {
  margin-top: 16px;
}
[data-theme] .api-endpoint-item {
  border: 1px solid transparent;
  transition: background 0.12s ease, border-color 0.12s ease;
}
[data-theme] .api-endpoint-item:hover {
  background: color-mix(in srgb, var(--fg) 4%, transparent);
}
[data-theme] .api-endpoint-item.is-active {
  background: var(--bg-3);
  border-color: var(--line);
}
[data-theme] .dv-card {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 18px 20px;
}
[data-theme] .dv-card-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  color: var(--fg);
  margin: 0 0 4px;
}
[data-theme] .dv-card-sub {
  font-size: 12.5px;
  color: var(--fg-3);
  margin: 0;
}

[data-theme] .dv-divider {
  height: 1px;
  background: var(--line);
  margin: 14px -20px;
}
[data-theme] .dv-divider.light {
  margin: 14px 0;
}

[data-theme] .dv-row-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
[data-theme] .dv-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1100px) {
  [data-theme] .dv-grid-2 {
    grid-template-columns: 1fr;
  }
}
[data-theme] .dv-meta-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--bg-2);
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-3);
}
[data-theme] .dv-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--fg-4);
}
[data-theme] .dv-dot.live {
  background: var(--accent);
  box-shadow: 0 0 6px var(--accent);
}
[data-theme] .dv-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 16px;
  padding: 0 5px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 4px;
}
[data-theme] .dv-skeleton-line,
[data-theme] .dv-skeleton-block {
  background: linear-gradient(
    90deg,
    var(--bg-2) 0%,
    var(--bg-3) 50%,
    var(--bg-2) 100%
  );
  background-size: 200% 100%;
  border-radius: 6px;
  animation: dv-skeleton-pulse 1.6s ease-in-out infinite;
}
[data-theme] .dv-skeleton-block {
  border-radius: 8px;
}
@keyframes dv-skeleton-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
[data-theme] .dv-skeleton-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--bg-2);
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-2);
}
[data-theme] .dv-skeleton-spin {
  animation: dv-skeleton-rotate 0.9s linear infinite;
  transform-origin: center;
}
@keyframes dv-skeleton-rotate {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}
[data-theme] .dv-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
}
[data-theme] .dv-icon-btn:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line);
}
[data-theme] .dv-tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  border-bottom: 1px solid var(--line);
  margin-bottom: -2px;
}
[data-theme] .dv-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14px;
  background: transparent;
  border-width: 0;
  border-bottom: 2px solid transparent;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  cursor: pointer;
}
[data-theme] .dv-tab:hover { color: var(--fg); }
[data-theme] .dv-tab.is-active {
  color: var(--fg);
  border-bottom-color: var(--accent);
}
[data-theme] .dv-tabs.subtle {
  border-bottom: 0;
  gap: 4px;
  margin-bottom: 0;
}
[data-theme] .dv-tabs.subtle .dv-tab {
  border: 1px solid var(--line);
  border-radius: 7px;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
}
[data-theme] .dv-tabs.subtle .dv-tab.is-active {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line-2);
}
[data-theme] .code-split {
  container-type: inline-size;
  container-name: code-split;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
[data-theme] .code-split__body {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
[data-theme] .code-split__files { flex: 0 0 auto; }
[data-theme] .code-split__code {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  background: var(--bg-1);
}
[data-theme] .code-split__switcher { display: none; }

@container code-split (max-width: 640px) {
  [data-theme] .code-split__switcher {
    display: block;
    flex: 0 0 auto;
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    background: var(--bg);
  }
  [data-theme] .code-split[data-pane="files"] .code-split__code,
  [data-theme] .code-split[data-pane="code"] .code-split__files {
    display: none;
  }
  [data-theme] .code-split__files,
  [data-theme] .code-split__code {
    flex: 1 1 100%;
    min-width: 0;
  }
  [data-theme] .code-split__files > #file_tree {
    width: 100%;
    min-width: 0;
    border-right: 0;
  }
}
[data-theme] .dash-overview {
  container-type: inline-size;
  container-name: dash-panel;
}

[data-theme] .dash-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
[data-theme] .dash-actions .right { margin-left: auto; }
@container dash-panel (max-width: 440px) {
  [data-theme] .dash-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  [data-theme] .dash-actions .dash-btn {
    width: 100%;
    height: 38px;
    justify-content: center;
  }
  [data-theme] .dash-actions .right { margin-left: 0; }
}
[data-theme] .dash-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 12.5px;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base), border-color var(--t-base);
  white-space: nowrap;
  flex-shrink: 0;
}
[data-theme] .dash-btn:hover {
  background: var(--bg-2);
  border-color: var(--hover-border);
}
[data-theme] .dash-btn svg,
[data-theme] .dash-btn i { width: 13px; height: 13px; opacity: 0.7; font-size: 13px; }
[data-theme] .dash-btn--icon-only {
  padding: 0 8px;
  gap: 0;
}
[data-theme] .dash-btn--icon-only .dash-btn-label,
[data-theme] .dash-btn--icon-only > span:not([class]) {
  display: none;
}
@container dash-card (max-width: 240px) {
  [data-theme] .dash-card .dash-btn .dash-btn-label,
  [data-theme] .dash-card .dash-btn > span:not([class]) {
    display: none;
  }
  [data-theme] .dash-card .dash-btn {
    padding: 0 8px;
    gap: 0;
  }
}
[data-theme] .dash-card {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 16px;
  container-type: inline-size;
  container-name: dash-card;
}
[data-theme] .dash-card-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas:
    "ico title action"
    "ico desc  action";
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  row-gap: 4px;
}
[data-theme] .dash-card-head:not(:has(.ico)) {
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title action"
    "desc  action";
}
[data-theme] .dash-card-head > .ico { grid-area: ico; }
[data-theme] .dash-card-head > h3 {
  grid-area: title;
  margin: 0;
  min-width: 0;
}
[data-theme] .dash-card-head > .sub {
  grid-area: desc;
  min-width: 0;
}
[data-theme] .dash-card-head > .link-btn {
  grid-area: action;
  justify-self: end;
}
@container dash-panel (max-width: 440px) {
  [data-theme] .dash-card-head {
    grid-template-areas:
      "ico  title action"
      "desc desc  desc";
    row-gap: 10px;
  }
  [data-theme] .dash-card-head:not(:has(.ico)) {
    grid-template-areas:
      "title action"
      "desc  desc";
  }
  [data-theme] .dash-card .ico.ico--applogo {
    width: 52px;
    height: 52px;
    font-size: 21px;
  }
}
[data-theme] .dash-card .ico {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 16px;
  color: var(--accent-fg);
  flex-shrink: 0;
  forced-color-adjust: none;
}
[data-theme] .dash-card .ico:has(img) {
  background: color-mix(in srgb, var(--fg) 8%, transparent);
}
[data-theme] .dash-card .ico.ico--applogo {
  width: 64px;
  height: 64px;
  font-size: 26px;
}
[data-theme] .price-prefix-input {
  padding-left: 28px;
}
[data-theme] .dash-card .ico .ico-letter {
  display: block;
  line-height: 1;
  transform: translateY(0.15em);
}
[data-theme] .dash-card h3 {
  margin: 0 0 4px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.005em;
  color: var(--fg);
}
[data-theme] .dash-card .sub {
  margin: 0;
  font-size: 12.5px;
  color: var(--fg-3);
}
[data-theme] .link-btn {
  background: transparent;
  border-width: 0;
  cursor: pointer;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  line-height: 1;
  color: var(--accent-text);
  padding: 6px 8px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: background var(--t-base);
  white-space: nowrap;
}
[data-theme] .link-btn:hover { background: var(--bg-2); }
[data-theme] .link-btn svg,
[data-theme] .link-btn i { width: 12px; height: 12px; font-size: 12px; }
[data-theme] .dash-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1100px) {
  [data-theme] .dash-grid-2 { grid-template-columns: 1fr; }
}
[data-theme] .public-flag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  color: var(--fg);
  white-space: nowrap;
}
[data-theme] .public-flag .pulse {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
}
[data-theme] .visibility-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--bg-3);
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme="light"] .visibility-state {
  background: color-mix(in srgb, var(--bg-3) 55%, var(--bg-2));
}
[data-theme] .visibility-state:hover {
  background: var(--hover-bg);
  border-color: var(--hover-border);
}
[data-theme] .visibility-state .sub {
  color: var(--fg-3);
  font-weight: 500;
  font-size: 11.5px;
}
[data-theme] .stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
@media (max-width: 1100px) {
  [data-theme] .stats-grid { grid-template-columns: repeat(2, 1fr); }
}
[data-theme] .stat-tile {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
}
[data-theme] .stat-tile .meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  min-width: 0;
}
[data-theme] .stat-tile .icobox {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-text);
  flex-shrink: 0;
}
[data-theme] .stat-tile .icobox i {
  font-size: 10px;
  line-height: 1;
}
[data-theme] .stat-tile .icobox--danger {
  color: var(--danger-fg);
}
[data-theme] .stat-tile .num {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  padding-top: 3px;
}
[data-theme] .stat-tile .lbl {
  font-size: 11px;
  line-height: 1.25;
  color: var(--fg-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .credit-card {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 18px 20px;
}
[data-theme] .credit-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas:
    "ico title action"
    "ico desc  action";
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 0;
  margin-bottom: 16px;
}
[data-theme] .credit-head > .ico { grid-area: ico; }
[data-theme] .credit-head > h4 { grid-area: title; min-width: 0; }
[data-theme] .credit-head > .sub { grid-area: desc; min-width: 0; }
[data-theme] .credit-head > .link-btn { grid-area: action; justify-self: end; }
@container dash-panel (max-width: 440px) {
  [data-theme] .credit-head {
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "ico    title"
      "ico    desc"
      "action action";
  }
  [data-theme] .credit-head > .link-btn { margin-top: 8px; }
}
[data-theme] .credit-head .ico {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--warning-bg);
  color: var(--warning-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .credit-head h4 {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  color: var(--fg);
}
[data-theme] .credit-head .sub {
  margin: 0;
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .credit-head .right { margin-left: auto; }

[data-theme] .credit-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media (max-width: 1100px) {
  [data-theme] .credit-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  [data-theme] .credit-grid { grid-template-columns: repeat(2, 1fr); }
}
[data-theme] .credit-cell {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
  text-align: left;
}
[data-theme] .credit-cell .big {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  padding-top: 4px;
}
[data-theme] .credit-cell .meta {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 5px;
  min-width: 0;
}
[data-theme] .credit-cell .lbl {
  font-size: 11px;
  line-height: 1.25;
  color: var(--fg-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .credit-cell .delta {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 10.5px;
  line-height: 1.25;
  white-space: nowrap;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
[data-theme] .credit-cell .delta--up { color: var(--danger-fg); }
[data-theme] .credit-cell .delta--down { color: var(--success-fg); }

[data-theme] .credit-empty {
  margin-top: 14px;
  padding: 22px;
  border: 1px dashed var(--line-2);
  border-radius: 10px;
  text-align: center;
}
[data-theme] .credit-empty .ico {
  width: 28px;
  height: 28px;
  margin: 0 auto 8px;
  color: var(--fg-3);
}
[data-theme] .credit-empty .t {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-bottom: 2px;
}
[data-theme] .credit-empty .s {
  font-size: 11px;
  color: var(--fg-4);
}

[data-theme] .dv-schema-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  [data-theme] .dv-schema-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1200px) {
  [data-theme] .dv-schema-grid { grid-template-columns: 1fr 1fr 1fr; }
}
[data-theme] .dv-card.dv-schema-card {
  background: var(--bg-2);
  padding: 0;
}
[data-theme] .dv-schema-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: transparent;
  border-color: var(--line);
  border-style: solid;
  border-width: 0;
}
[data-theme] .dv-schema-strip-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-width: 1px;
}
[data-theme] .dv-schema-strip-bottom {
  justify-content: space-between;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-width: 1px;
  font-size: 11px;
  color: var(--fg-3);
  padding: 10px 16px;
}
[data-theme] .dv-schema-strip-head {
  min-width: 0;
  flex: 1;
}
[data-theme] .dv-schema-strip-ico {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--bg);
  border: 1px solid var(--line);
  color: var(--fg-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
[data-theme] .dv-schema-table-name {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: var(--fg);
  letter-spacing: -0.01em;
}
[data-theme] .dv-schema-table-name-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .dv-schema-scope {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
[data-theme] .dv-schema-scope-public { color: var(--fg-4); }

[data-theme] .dv-schema-body {
  padding: 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .dv-schema-col {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 5px 8px;
  border-radius: 8px;
  font-size: 12.5px;
  color: var(--fg);
  transition: background var(--t-base);
}
[data-theme] .dv-schema-col:hover {
  background: color-mix(in srgb, var(--fg) 5%, transparent);
}
[data-theme] .dv-schema-col-muted { color: var(--fg-4); }
[data-theme] .dv-schema-col-glyph {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--bg);
  border: 1px solid var(--line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  flex-shrink: 0;
}
[data-theme] .dv-schema-col-pk .dv-schema-col-glyph {
  background: var(--warning-bg);
  border-color: color-mix(in srgb, var(--warning-fg) 24%, var(--line));
  color: var(--warning-fg);
}
[data-theme] .dv-schema-col-scope .dv-schema-col-glyph {
  background: color-mix(in srgb, var(--accent) 12%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  color: var(--accent-text);
}
[data-theme] .dv-schema-col-name {
  font-family: var(--font-mono);
  font-size: 12px;
  color: inherit;
  letter-spacing: -0.01em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .dv-schema-col-pk .dv-schema-col-name { font-weight: 600; }
[data-theme] .dv-schema-col-type {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-4);
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
[data-theme] .dv-schema-col-required {
  color: var(--danger-fg);
  margin-left: 2px;
  font-weight: 700;
}
[data-theme] .dv-schema-footer-count {
  font-family: var(--font-mono);
}
[data-theme] .dv-schema-footer-flag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--success-fg);
}
[data-theme] .dv-schema-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 22px;
  font-size: 11.5px;
  color: var(--fg-3);
  padding: 14px 20px;
}
[data-theme] .dv-schema-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
[data-theme] .dv-schema-legend-glyph {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
[data-theme] .dv-schema-legend-glyph-pk { color: var(--warning-fg); }
[data-theme] .dv-schema-legend-glyph-scope { color: var(--accent-text); }
[data-theme] .dv-schema-legend-glyph-required { color: var(--danger-fg); }
[data-theme] .dv-schema-legend-glyph-fts { color: var(--success-fg); }
[data-theme] .file-row {
  border-radius: var(--radius-sm);
  transition: background var(--t-fast);
}
[data-theme] .file-row:hover {
  background: color-mix(in srgb, var(--fg) 4%, transparent);
}
[data-theme] .file-row.is-active,
[data-theme] .file-row.is-active:hover {
  background: var(--bg-3);
}
[data-theme] .file-row.is-active {
  border-left: 2px solid var(--accent);
}
[data-theme] .opt-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--bg-2);
  cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);
}
[data-theme] .opt-card:hover {
  background: color-mix(in srgb, var(--fg) 4%, var(--bg-2));
}
[data-theme] .opt-card:has(input:checked) {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
[data-theme] .opt-card input[type="radio"] {
  width: 16px;
  height: 16px;
  accent-color: var(--accent);
  flex-shrink: 0;
  margin: 0;
}
[data-theme] .opt-card__body {
  flex: 1;
  min-width: 0;
}
[data-theme] .opt-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .opt-card__icon {
  font-size: 13px;
  color: var(--fg-3);
  transition: color var(--t-fast);
}
[data-theme] .opt-card:has(input:checked) .opt-card__icon { color: var(--accent-text); }
[data-theme] .opt-card__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .opt-card__desc {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--fg-3);
}
@media (max-width: 767px) {
  [data-theme] .apiex__list,
  [data-theme] .apiex__detail {
    flex: 1;
    min-height: 0;
  }
  [data-theme] .apiex[data-api-view="request"] .apiex__list { display: none; }
  [data-theme] .apiex[data-api-view="endpoints"] .apiex__detail { display: none; }
}
@media (min-width: 768px) {
  [data-theme] .apiex__mtabs { display: none; }
}
@media (max-width: 767px) {
  [data-theme] .dv-logs > .dv-card:has([data-logs-panel-target="list"]:not(.hidden)) {
    flex: 1;
    min-height: 0;
  }
  [data-theme] .dv-logs [data-logs-panel-target="list"] {
    flex: 1;
    min-height: 0;
    max-height: none;
    overscroll-behavior: contain;
  }
}

[data-theme] {
  --mark-fill: color-mix(in srgb, var(--fg) 6%, transparent);
}
[data-theme] .ds-empty-mark {
  --ds-empty-mark-size: 48px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--ds-empty-mark-size);
  height: var(--ds-empty-mark-size);
}

[data-theme] .ds-empty-mark--sm { --ds-empty-mark-size: 40px; }
[data-theme] .ds-empty-mark--lg { --ds-empty-mark-size: 64px; }

[data-theme] .ds-empty-mark__squircle {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: var(--mark-fill);
}

[data-theme] .ds-empty-mark__glyph {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-4);
  font-size: calc(var(--ds-empty-mark-size) * 0.375);
  line-height: 1;
}

[data-theme] .preview-state-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: var(--space-10);
  background: var(--bg-1);
}

[data-theme] .preview-state-overlay--inset {
  position: absolute;
  inset: 0;
}

[data-theme] .preview-state-overlay.hidden {
  display: none;
}

[data-theme] .preview-state-content {
  position: relative;
  z-index: var(--z-base);
  max-width: 400px;
  padding-top: var(--space-20);
  text-align: center;
}

[data-theme] .preview-state-mark {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--space-16);
  height: var(--space-16);
  transform: translateX(-50%);
}

[data-theme] .preview-state-mark__squircle,
[data-theme] .preview-state-mark__glyph {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
[data-theme] .preview-state-mark__squircle {
  color: var(--mark-fill);
}

[data-theme] .preview-state-mark__eye {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: var(--space-8);
  height: var(--space-8);
  transform: translate(-50%, -50%);
  color: var(--fg-4);
}

[data-theme] .preview-state-mark--empty .preview-state-mark__eye {
  display: block;
}

[data-theme] .preview-state-mark--empty .preview-state-mark__glyph {
  display: none;
}

[data-theme] .preview-state-mark__glyph {
  color: var(--fg-4);
  transform: scale(0.84);
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
  [data-theme] .preview-state-mark__glyph {
    animation: preview-state-glyph-flip 2.6s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
  }
}

@keyframes preview-state-glyph-flip {
  0%   { transform: rotate(0deg) scale(0.84); }
  35%  { transform: rotate(180deg) scale(0.84); }
  53%  { transform: rotate(180deg) scale(0.84); }
  88%  { transform: rotate(360deg) scale(0.84); }
  100% { transform: rotate(360deg) scale(0.84); }
}

[data-theme] .preview-state-heading {
  margin: 0;
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 19px;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: normal;
}

[data-theme] .preview-state-message {
  margin: var(--space-2) 0 0;
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  text-wrap: pretty;
}

[data-theme] .preview-state-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-6);
}
[data-theme] .preview-state-retry--hidden {
  display: none;
}

[data-theme] .preview-state-action-note {
  margin: 0;
  color: var(--fg-2);
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 640px) {
  [data-theme] .preview-state-overlay {
    padding: var(--space-6);
  }
}

[data-theme] .scrim {
  position: fixed;
  inset: 0;
  background: rgba(8, 9, 10, 0.62);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 70;
  display: grid;
  place-items: center;
  padding: 32px;
  overflow: auto;
}
[data-theme] .scrim.hidden { display: none; }
[data-theme] .info-banner.hidden,
[data-theme] .url-default.hidden,
[data-theme] .customize-callout.hidden,
[data-theme] .pm-subdomain-edit.hidden { display: none; }
[data-theme] .pm.pm-v3 .pm-icobtn.hidden { display: none; }
[data-theme="light"] .scrim {
  background: rgba(20, 22, 25, 0.42);
}
@media (max-width: 640px) {
  [data-theme] .scrim { padding: 0; align-items: end; }
}
[data-theme] .pm {
  width: 100%;
  max-width: 640px;
  max-height: min(85vh, 920px);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 14px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  box-shadow:
    0 24px 60px -20px rgba(0, 0, 0, 0.55),
    0 8px 24px -8px rgba(0, 0, 0, 0.35);
}
@media (max-width: 640px) {
  [data-theme] .pm {
    max-width: 100%;
    max-height: 90vh;
    border-radius: 14px 14px 0 0;
    border-bottom-width: 0;
  }
}

[data-theme] .pm-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  background: var(--bg);
}
[data-theme] .pm-head-title {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.015em;
  color: var(--fg);
  margin: 0;
}
[data-theme] .pm-close {
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .pm-close:hover {
  background: var(--bg-2);
  color: var(--fg);
}

[data-theme] .pm-body {
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
[data-theme] .pm-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[data-theme] .pm-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .pm-sec-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.005em;
  color: var(--fg);
  margin: 0;
}
[data-theme] .pm-eyebrow {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}
[data-theme] .status-pill .dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
}
[data-theme] .status-pill.pending {
  color: #f5a13a;
  background: color-mix(in srgb, #f5a13a 12%, var(--bg-2));
  border-color: color-mix(in srgb, #f5a13a 28%, var(--line));
}
[data-theme] .status-pill.pending .dot { background: #f5a13a; }
[data-theme] .status-pill.notyet {
  color: color-mix(in srgb, #f5a13a 80%, var(--fg-3));
  background: color-mix(in srgb, #f5a13a 8%, var(--bg-2));
  border-color: color-mix(in srgb, #f5a13a 22%, var(--line));
}
[data-theme] .status-pill.ready {
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
}
[data-theme] .status-pill.live {
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-2));
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
}
[data-theme] .status-pill.live .dot {
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
[data-theme] .status-pill.info {
  color: var(--info-fg);
  background: color-mix(in srgb, var(--info-fg) 12%, var(--bg-2));
  border-color: color-mix(in srgb, var(--info-fg) 28%, var(--line));
}
[data-theme] .status-pill.info .dot { background: var(--info-fg); }
[data-theme] .status-pill.is-animated {
  animation: pm-pill-pulse 1.6s ease-in-out infinite;
}
@keyframes pm-pill-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.65; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .status-pill.is-animated { animation: none; }
}
[data-theme] .deploy-cta-wrap { position: relative; }
[data-theme] .deploy-cta {
  width: 100%;
  height: 56px;
  border-radius: 10px;
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.005em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  forced-color-adjust: none;
  transition: background var(--t-base), transform var(--t-fast), box-shadow var(--t-base);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 8px 22px color-mix(in srgb, var(--accent) 32%, transparent);
}
[data-theme] .deploy-cta:hover {
  background: var(--primary-hover);
  transform: translateY(-1px);
}
[data-theme] .deploy-cta:active { transform: translateY(0); }
[data-theme] .deploy-cta[disabled],
[data-theme] .deploy-cta:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
[data-theme] .deploy-cta .notif-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #f5a13a;
  border: 2px solid var(--bg);
}
[data-theme] .info-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 9px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-3);
  font-size: 12.5px;
  line-height: 1.5;
}
[data-theme] .info-banner .ico {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #f5a13a;
  color: var(--bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 10px;
}
[data-theme] .info-banner .ico svg { width: 10px; height: 10px; }
[data-theme] .url-field {
  display: flex;
  align-items: center;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 9px;
  height: 44px;
  padding: 0 4px 0 14px;
  gap: 6px;
}
[data-theme] .url-field .lock {
  color: var(--fg-4);
  flex-shrink: 0;
  display: inline-flex;
}
[data-theme] .url-field input,
[data-theme] .url-field .url-text {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-theme] .url-field .icobtn {
  width: 32px;
  height: 32px;
  background: transparent;
  border: 0;
  color: var(--fg-3);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .url-field .icobtn:hover {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .url-field .icobtn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[data-theme] .url-default {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 0 2px;
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .url-default .label { flex-shrink: 0; }
[data-theme] .url-default .text {
  font-family: var(--font-mono);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .url-default .icobtn {
  margin-left: auto;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 0;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .url-default .icobtn:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .customize-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 10px;
  background: color-mix(in srgb, #6cd4f5 8%, var(--bg-2));
  border: 1px solid color-mix(in srgb, #6cd4f5 22%, var(--line));
}
[data-theme] .customize-callout-text { min-width: 0; }
[data-theme] .customize-callout-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.005em;
  color: #6cd4f5;
  margin-bottom: 2px;
}
[data-theme="light"] .customize-callout-title { color: #2284c8; }
[data-theme] .customize-callout-sub {
  font-size: 12px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .btn-primary-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  cursor: pointer;
  flex-shrink: 0;
  forced-color-adjust: none;
  transition: background var(--t-base);
}
[data-theme] .btn-primary-sm:hover { background: var(--primary-hover); }
[data-theme] .btn-secondary-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: var(--bg-2);
  color: var(--fg);
  border: 1px solid var(--line);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .btn-secondary-sm:hover {
  background: var(--bg-3);
  border-color: var(--hover-border);
}
[data-theme] .an-card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px 20px;
}
[data-theme] .an-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
[data-theme] .an-row .ico {
  width: 22px;
  height: 22px;
  color: #6cd4f5;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .an-row .title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--fg);
  margin: 0;
  flex: 1;
}
[data-theme] .an-row .num {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--fg);
}
[data-theme] .an-row .num-label {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
  text-align: right;
}
[data-theme] .an-sub-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11.5px;
  color: var(--fg-3);
  margin-bottom: 6px;
}
[data-theme] .an-bars {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  height: 26px;
  align-items: end;
}
[data-theme] .an-bar {
  height: 100%;
  background: var(--bg-3);
  border-radius: 4px;
  min-height: 4px;
}
[data-theme] .an-bar.active { background: var(--accent-text); }
[data-theme] .pm-chart-bar { background: var(--bg-3); }
[data-theme] .pm-chart-bar--today { background: var(--accent-text); }
[data-theme] .an-bar-axis {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 10.5px;
  color: var(--fg-4);
  text-align: center;
  margin-top: 6px;
}
[data-theme] .an-divider {
  height: 1px;
  background: var(--line);
  margin: 16px 0 14px;
}
[data-theme] .an-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  text-align: center;
}
[data-theme] .an-stats .v {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.015em;
  color: var(--fg);
}
[data-theme] .an-stats .l {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 4px;
}
[data-theme] .adv-toggle {
  width: 100%;
  padding: 12px 4px;
  background: transparent;
  border-width: 0;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--fg);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.005em;
  cursor: pointer;
  text-align: left;
}
[data-theme] .adv-toggle .lead-ico {
  width: 16px;
  height: 16px;
  color: var(--fg-3);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .adv-toggle .caret {
  margin-left: auto;
  color: var(--fg-3);
  width: 12px;
  height: 12px;
  transition: transform var(--t-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .adv-toggle[aria-expanded="true"] .caret,
[data-theme] .adv-toggle.is-open .caret { transform: rotate(90deg); }
[data-theme] .adv-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 12px;
}
[data-theme] .adv-content.hidden { display: none; }

[data-theme] .feature-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--bg);
  border: 1px solid var(--line);
}
[data-theme] .feature-row-text { min-width: 0; }
[data-theme] .feature-row-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
[data-theme] .feature-row-head .ico {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .feature-row-head .ico.security { color: var(--accent-text); }
[data-theme] .feature-row-head .ico.perf { color: var(--accent-text); }
[data-theme] .feature-row-head .ico.seo { color: var(--accent-text); }
[data-theme] .feature-row-head .ico.github { color: var(--fg-3); }
[data-theme] .feature-row-title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--fg);
}
[data-theme] .feature-row-desc {
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.45;
  margin: 0;
}

[data-theme] .feature-btn {
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  border: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: background var(--t-base), opacity var(--t-base);
  white-space: nowrap;
  flex-shrink: 0;
}
[data-theme] .feature-btn.security,
[data-theme] .feature-btn.perf,
[data-theme] .feature-btn.seo {
  background: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .feature-btn.security:hover,
[data-theme] .feature-btn.perf:hover,
[data-theme] .feature-btn.seo:hover { background: var(--primary-hover); }
[data-theme] .feature-btn.github {
  background: #15171a;
  color: #f1f2f4;
  border: 1px solid #2e3033;
}
[data-theme="light"] .feature-btn.github {
  background: #1f2329;
}
[data-theme] .pm-foot {
  border-top: 1px solid var(--line);
  padding: 14px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--bg);
}
[data-theme] .pm-foot-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
[data-theme] .pm-foot-btn {
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--fg-3);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
}
[data-theme] .pm-foot-btn:hover:not(:disabled) {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line-2);
}
[data-theme] .pm-foot-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme] .pm-foot-hint {
  text-align: center;
  font-size: 12.5px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .pm-subdomain-edit {
  margin-top: 10px;
  padding: 12px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-theme] .pm-subdomain-edit-label {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 11px;
  color: var(--fg-2);
}
[data-theme] .pm-subdomain-edit-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .pm-subdomain-input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 7px;
  overflow: hidden;
  height: 34px;
}
[data-theme] .pm-subdomain-input-wrap input {
  flex: 1;
  min-width: 0;
  padding: 0 10px;
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--fg);
  font-family: var(--font-mono);
  font-size: 12.5px;
}
[data-theme] .pm-subdomain-input-suffix {
  padding: 0 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 {
  min-height: min(560px, calc(100vh - 64px));
}

[data-theme] .pm.pm-v3 .pm-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

[data-theme] .pm.pm-v3 .pm-section-head .label {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.005em;
  color: var(--fg);
}

[data-theme] .pm.pm-v3 .pm-foot-hint {
  text-align: center;
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 4px;
}
[data-theme] .pm.pm-v3 .pm-adv-head {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--fg);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.005em;
  padding-top: 6px;
}
[data-theme] .pm.pm-v3 .pm-adv-head svg { color: var(--fg-3); }
[data-theme] .pm.pm-v3 .pm-adv-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
}
[data-theme] .pm.pm-v3 .pm-feature-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--bg);
  border: 1px solid var(--line);
}
[data-theme] .pm.pm-v3 .pm-feature-text { min-width: 0; }
[data-theme] .pm.pm-v3 .pm-feature-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
[data-theme] .pm.pm-v3 .pm-feature-ico {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .pm.pm-v3 .pm-feature-ico.is-security { color: var(--accent-text); }
[data-theme] .pm.pm-v3 .pm-feature-ico.is-perf     { color: var(--accent-text); }
[data-theme] .pm.pm-v3 .pm-feature-ico.is-seo      { color: var(--accent-text); }
[data-theme] .pm.pm-v3 .pm-feature-ico.is-github   { color: var(--fg-3); }
[data-theme] .pm.pm-v3 .pm-feature-ico.is-export   { color: var(--accent-text); }
[data-theme] .pm.pm-v3 .pm-feature-title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--fg);
}
[data-theme] .pm.pm-v3 .pm-feature-desc {
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.45;
  margin: 0;
}
[data-theme] .pm.pm-v3 .pm-feature-form {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
[data-theme] .pm.pm-v3 .pm-feature-status #github_export_status:not(:has(*)) {
  display: none;
}
[data-theme] .pm.pm-v3 .pm-feature-status:has(> #github_export_status:not(:has(*))) {
  display: none;
}
[data-theme] .pm.pm-v3 .pm-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
}
[data-theme] .pm.pm-v3 .pm-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[data-theme] .pm.pm-v3 .pm-toggle-track {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  background: var(--bg-3);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-pill);
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .pm.pm-v3 .pm-toggle-track::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-pill);
  background: var(--fg-2);
  transition: left var(--t-base), background var(--t-base);
}
[data-theme] .pm.pm-v3 .pm-toggle input:checked + .pm-toggle-track {
  background: var(--accent);
  border-color: var(--accent);
}
[data-theme] .pm.pm-v3 .pm-toggle input:checked + .pm-toggle-track::before {
  left: 22px;
  background: var(--accent-fg);
}
[data-theme] .pm.pm-v3 .pm-toggle input:focus-visible + .pm-toggle-track {
  box-shadow: var(--focus-ring);
}
[data-theme] .pm.pm-v3 .pm-pro-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  margin-left: 6px;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
  border-radius: var(--radius-pill);
  line-height: 1;
}
[data-theme] .pm.pm-v3 .pm-upgrade-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}
[data-theme] .pm.pm-v3 .pm-upgrade-cta svg {
  flex-shrink: 0;
}
[data-theme] .pm.pm-v3 .pm-branding-promo {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 7%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
}
[data-theme] .pm.pm-v3 .pm-branding-promo-ico {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  color: var(--accent-text);
}
[data-theme] .pm.pm-v3 .pm-branding-promo-text {
  margin: 0;
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.5;
  color: var(--fg-2);
}
[data-theme] .pm.pm-v3 .pm-branding-promo-text strong {
  font-weight: 700;
  color: var(--fg);
}
[data-theme] .pm.pm-v3 .pm-badge-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 16px 8px 18px;
  margin-top: -2px;
}
[data-theme] .pm.pm-v3 .pm-badge-position-label {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 .pm-segmented {
  display: inline-flex;
  flex-shrink: 0;
  padding: 2px;
  gap: 2px;
  background: var(--bg-3);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-pill);
}
[data-theme] .pm.pm-v3 .pm-segmented-opt {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .pm.pm-v3 .pm-segmented-opt input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[data-theme] .pm.pm-v3 .pm-segmented-opt span {
  display: inline-block;
  min-width: 48px;
  padding: 4px 12px;
  text-align: center;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-3);
  border-radius: var(--radius-pill);
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .pm.pm-v3 .pm-segmented-opt input:checked + span {
  color: var(--accent-fg);
  background: var(--accent);
  forced-color-adjust: none;
}
[data-theme] .pm.pm-v3 .pm-segmented-opt input:focus-visible + span {
  box-shadow: var(--focus-ring);
}
[data-theme] .pm.pm-v3 .pm-bridge {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px 14px 18px;
  border-radius: 12px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  overflow: hidden;
}
[data-theme] .pm.pm-v3 .pm-bridge[data-publish-state="deploying"] {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--info-fg) 16%, transparent),
      color-mix(in srgb, var(--info-fg) 4%, transparent)
    );
  border-color: color-mix(in srgb, var(--info-fg) 30%, var(--line));
}
[data-theme] .pm.pm-v3 .pm-bridge-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid transparent;
}
[data-theme] .pm.pm-v3 .pm-bridge-icon--accent {
  background: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .pm.pm-v3 .pm-bridge-icon--check {
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--accent-text);
}
[data-theme] .pm.pm-v3 .pm-bridge-icon--info {
  background: color-mix(in srgb, var(--info-fg) 14%, var(--bg-2));
  border-color: color-mix(in srgb, var(--info-fg) 30%, var(--line));
  color: var(--info-fg);
}
[data-theme] .pm.pm-v3 .pm-bridge-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
}
[data-theme] .pm.pm-v3 .pm-bridge-title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.005em;
  color: var(--fg);
}
[data-theme] .pm.pm-v3 .pm-bridge-sub {
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.45;
}
[data-theme] .pm.pm-v3 .pm-bridge-cta-wrap {
  position: relative;
  flex: 0 0 auto;
}
[data-theme] .pm.pm-v3 .pm-bridge-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: none;
}
[data-theme] .pm.pm-v3 .pm-bridge-notif-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #f5a13a;
  border: 2px solid var(--bg-2);
  pointer-events: none;
}
[data-theme] .pm.pm-v3 .pm-bridge-spin {
  display: inline-flex;
  animation: spin 1.2s linear infinite;
}
[data-theme] .pm.pm-v3 .pm-bridge-stripes {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    transparent 0 12px,
    color-mix(in srgb, var(--info-fg) 10%, transparent) 12px 24px
  );
  animation: pm-bridge-stripes 1.2s linear infinite;
  pointer-events: none;
}
@keyframes pm-bridge-stripes {
  from { transform: translateX(0); }
  to   { transform: translateX(24px); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .pm.pm-v3 .pm-bridge-spin,
  [data-theme] .pm.pm-v3 .pm-bridge-stripes {
    animation: none;
  }
}
[data-theme] .pm.pm-v3 .pm-live-url-row {
  display: flex;
  align-items: center;
  padding: 0 8px 0 0;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  height: 64px;
  box-shadow: none;
}
[data-theme] .pm.pm-v3 .pm-live-url-row.is-custom {
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
}
[data-theme] .pm.pm-v3 .pm-live-url-link {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 20px;
  text-decoration: none;
  color: var(--fg);
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .pm.pm-v3 .pm-live-url-link .url-text {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-flex;
  align-items: baseline;
}
[data-theme] .pm.pm-v3 .pm-live-url-link .url-text .sub { color: var(--fg); font-weight: 600; }
[data-theme] .pm.pm-v3 .pm-live-url-link .url-text .tld {
  color: var(--fg-3);
  font-weight: 500;
  flex-shrink: 0;
}
[data-theme] .pm.pm-v3 .pm-live-url-link:hover .url-text {
  text-decoration: underline;
  text-decoration-color: var(--fg-3);
  text-underline-offset: 3px;
}
[data-theme] .pm.pm-v3 .pm-icobtn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
  flex: 0 0 auto;
}
[data-theme] .pm.pm-v3 .pm-icobtn:hover {
  background: var(--bg);
  border-color: var(--line);
  color: var(--fg);
}
[data-theme] .pm.pm-v3 .pm-icobtn:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
}
[data-theme] .pm.pm-v3 .pm-icobtn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background: transparent;
  border-color: transparent;
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 .pm-live-url-row--locked {
  opacity: 0.85;
  cursor: not-allowed;
}
[data-theme] .pm.pm-v3 .pm-live-url-link--locked {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--fg-3);
  text-decoration: none;
  cursor: not-allowed;
}
[data-theme] .pm.pm-v3 .pm-live-url-link--locked .pm-live-url-lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  flex: 0 0 auto;
}
[data-theme] .pm.pm-v3 .pm-live-url-link--locked .url-text {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-flex;
  align-items: baseline;
}
[data-theme] .pm.pm-v3 .pm-live-url-link--locked .url-text .sub { color: var(--fg-3); font-weight: 600; }
[data-theme] .pm.pm-v3 .pm-live-url-link--locked .url-text .tld {
  color: var(--fg-3);
  font-weight: 500;
  flex-shrink: 0;
}
[data-theme] .pm.pm-v3 .pm-live-url-pre-publish-hint,
[data-theme] .pm.pm-v3 .pm-live-url-note {
  margin: 8px 0 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 .pm-live-url-pre-publish-hint svg,
[data-theme] .pm.pm-v3 .pm-live-url-note svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 .pm-live-url-note.hidden { display: none; }
[data-theme] .pm.pm-v3 .pm-subdomain-help {
  margin: 0;
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .pm-subdomain-msg {
  margin: 0;
  font-size: 11.5px;
  color: var(--fg-2);
}
[data-theme] .pm-subdomain-msg.is-success { color: var(--success-fg); }
[data-theme] .pm-subdomain-msg.is-danger { color: var(--danger-fg); }
[data-theme] .pm-subdomain-msg--standalone { margin: 8px 0 0; }
[data-theme] .pm.pm-v3 .pm-pointer-card {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  margin-top: 10px;
  background: var(--bg-2);
  border-radius: 10px;
  text-decoration: none;
  transition: background var(--t-base), border-color var(--t-base);
  border: 1px solid color-mix(in srgb, var(--info-fg) 30%, var(--line));
}
[data-theme] .pm.pm-v3 .pm-pointer-card.is-failed {
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}
[data-theme] .pm.pm-v3 .pm-pointer-card:hover { background: var(--bg-3); }

[data-theme] .pm.pm-v3 .pm-pointer-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--info-fg) 14%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--info-fg) 30%, var(--line));
  color: var(--info-fg);
  flex: 0 0 auto;
}
[data-theme] .pm.pm-v3 .pm-pointer-card.is-failed .pm-pointer-icon {
  background: color-mix(in srgb, var(--danger-fg) 14%, var(--bg-2));
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
  color: var(--danger-fg);
}
[data-theme] .pm.pm-v3 .pm-pointer-bang {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}

[data-theme] .pm.pm-v3 .pm-pointer-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
[data-theme] .pm.pm-v3 .pm-pointer-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
[data-theme] .pm.pm-v3 .pm-pointer-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
[data-theme] .pm.pm-v3 .pm-pointer-sub {
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 .pm-pointer-arrow {
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
[data-theme] .pm.pm-v3 .pm-connected-footnote {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 4px;
  margin-top: 8px;
  font-size: 11.5px;
  color: var(--fg-4);
}
[data-theme] .pm.pm-v3 .pm-connected-footnote .mono {
  font-family: var(--font-mono);
  color: var(--fg-3);
}
[data-theme] .pm.pm-v3 .pm-connected-check {
  color: var(--accent-text);
  flex: 0 0 auto;
}
[data-theme] .pm.pm-v3 .pm-connected-manage {
  margin-left: auto;
  font-size: 11.5px;
  color: var(--fg-3);
  text-decoration: underline;
  text-decoration-color: var(--line-2);
  text-underline-offset: 3px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
[data-theme] .pm.pm-v3 .pm-connected-manage:hover { color: var(--fg); }
[data-theme] .pm.pm-v3 .pm-add-domain-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-3);
  text-decoration: none;
  transition: color var(--t-base);
}
[data-theme] .pm.pm-v3 .pm-add-domain-link:hover {
  color: var(--fg);
}
[data-theme] .pm.pm-v3 .pm-add-domain-link svg {
  flex: 0 0 auto;
}
@media (max-width: 640px) {
  [data-theme] .pm-body { padding: 16px; gap: 18px; }
  [data-theme] .pm-head { padding: 14px 16px; }
  [data-theme] .pm-foot { padding: 12px 16px 14px; }
  [data-theme] .feature-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  [data-theme] .feature-btn { width: 100%; justify-content: center; }
  [data-theme] .customize-callout { flex-direction: column; align-items: stretch; }
  [data-theme] .customize-callout .btn-primary-sm,
  [data-theme] .customize-callout .btn-secondary-sm { width: 100%; }
}

[data-theme] .pm-deploy-card {
  --pmd-accent: var(--fg-3);
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--pmd-accent);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--pmd-accent) 14%, var(--bg-1));
}
[data-theme] .pm-deploy-card--working { --pmd-accent: var(--accent-text); }
[data-theme] .pm-deploy-card--done    { --pmd-accent: var(--success-fg); }
[data-theme] .pm-deploy-card--error   { --pmd-accent: var(--danger-fg); }
[data-theme] .pm-deploy-icon { color: var(--pmd-accent); flex: 0 0 auto; }
[data-theme] .pm-deploy-phase {
  color: var(--fg);
  font-size: 13px;
  font-weight: var(--weight-medium);
}
[data-theme] .pm-deploy-meta {
  color: color-mix(in srgb, var(--pmd-accent) 32%, var(--fg-2));
  font-size: 11px;
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
}

[data-theme] .pm-deploy-steps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  font-size: 11px;
}
[data-theme] .pm-deploy-step {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
[data-theme] .pm-deploy-step--done    { color: var(--success-fg); }
[data-theme] .pm-deploy-step--current { color: var(--pmd-accent); font-weight: var(--weight-semibold); }
[data-theme] .pm-deploy-step--pending { color: var(--fg-2); }
[data-theme] .pm-deploy-sep { color: var(--fg-4); }
.pm-deploy-card {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--ed-border);
  border-radius: 10px;
  background: var(--ed-surface-1);
}
.pm-deploy-card--working { border-color: var(--ed-accent-green-text); }
.pm-deploy-icon { color: var(--ed-accent-green-text); flex: 0 0 auto; }
.pm-deploy-phase { color: var(--ed-text-1); font-size: 13px; font-weight: 500; }
.pm-deploy-meta { color: var(--ed-text-2); font-size: 11px; }
.pm-deploy-step--done { color: var(--ed-accent-green-text); }
.pm-deploy-step--current { color: var(--ed-accent-green-text); }
.pm-deploy-step--pending { color: var(--ed-text-3); }
.pm-deploy-sep { color: var(--ed-text-3); }
[data-theme] .wsid-intro {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
}
[data-theme] .wsid-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .wsid-intro-copy {
  margin: 0;
  color: var(--fg-2);
}
[data-theme] .wsid-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
[data-theme] .wsid-labelrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .wsid-count {
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .wsid-handle {
  display: flex;
  align-items: center;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: border-color var(--t-base), box-shadow var(--t-base);
}
[data-theme] .wsid-handle:hover { border-color: var(--hover-border); }
[data-theme] .wsid-handle:focus-within {
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .wsid-handle-at {
  padding: 0 4px 0 12px;
  color: var(--fg-3);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .wsid-handle-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--fg);
  font-size: 14px;
  padding: 9px 12px 9px 0;
}
[data-theme] .wsid-handle-input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .wsid-handle-input::placeholder { color: var(--fg-4); }
[data-theme] .wsid-handle-input:focus { outline: none; box-shadow: none; }
[data-theme] .wsid-status {
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .wsid-status[data-state="available"]  { color: var(--success-fg); }
[data-theme] .wsid-status[data-state="unverified"] { color: var(--warning-fg); }
[data-theme] .wsid-status[data-state="taken"],
[data-theme] .wsid-status[data-state="invalid"]    { color: var(--danger-fg); }
[data-theme] .wsid-errors { margin: 0 0 16px; }
[data-theme] .wsid-errors-list {
  margin: 6px 0 0;
  padding-left: 18px;
  list-style: disc;
}
[data-theme] .wsid-foot { align-items: center; }
[data-theme] .wsid-optout-form { margin-right: auto; }
[data-theme] .wsid-optout {
  background: none;
  border: 0;
  padding: 8px 2px;
  font-size: 13px;
  color: var(--fg-3);
  cursor: pointer;
  transition: color var(--t-base);
}
[data-theme] .wsid-optout:hover { color: var(--fg); text-decoration: underline; }
[data-theme] .wsid-optout:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
@media (max-width: 540px) {
  [data-theme] .wsid-foot { flex-wrap: wrap; }
  [data-theme] .wsid-optout-form { order: 3; margin: 4px auto 0 0; }
}
[data-theme] .deliverable {
  margin-top: 10px;
  padding: 14px 16px 12px;
  border-radius: 10px;
  background: var(--bg-1);
  border: 1px solid color-mix(in srgb, var(--fg) 18%, transparent);
  color: var(--fg);
  font-family: var(--font-body);
}
[data-theme] .deliverable-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin-bottom: 10px;
}
[data-theme] .deliverable-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);
}
[data-theme] .deliverable-eyebrow-label {
  color: var(--accent-text);
  font-weight: 600;
}
[data-theme] .deliverable-eyebrow-right {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .deliverable-eyebrow-version {
  color: var(--fg-3);
  letter-spacing: 0.12em;
}
[data-theme] .deliverable-save-version {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--fg-3);
  cursor: pointer;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}
[data-theme] .deliverable-save-version:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--hover-border);
}
[data-theme] .deliverable-save-version[aria-pressed="true"] {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
[data-theme] .deliverable-save-version[aria-pressed="true"]:hover {
  background: color-mix(in srgb, var(--accent) 20%, transparent);
}
[data-theme] .deliverable-save-version.dsv-popping {
  animation: dsv-pop 0.25s cubic-bezier(0.2, 0.9, 0.2, 1);
}
@keyframes dsv-pop {
  50% { transform: scale(1.25); }
}
[data-theme] .deliverable-save-version svg {
  width: 12px;
  height: 12px;
}
[data-theme] .deliverable-publish-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 9px;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}
[data-theme] .deliverable-publish-btn:hover {
  background: var(--bg-3);
  color: var(--fg);
  border-color: var(--line-2);
}
[data-theme] .deliverable-publish-btn svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
[data-theme] .deliverable-live-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line));
  color: var(--accent-text);
}
[data-theme] .deliverable-live-badge svg {
  width: 12px;
  height: 12px;
}

[data-theme] .deliverable-head { margin-bottom: 10px; }
[data-theme] .deliverable-title {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--fg);
  line-height: 1.35;
  letter-spacing: -0.005em;
}
[data-theme] .deliverable-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .deliverable-foot {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
}
[data-theme] .deliverable-foot-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
[data-theme] .deliverable-foot-sep { color: var(--fg-4); }
[data-theme] .deliverable-foot-item svg {
  width: 12px;
  height: 12px;
}
[data-theme] .vh-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 95;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 4px 10px rgba(0, 0, 0, 0.2);
  animation: vh-toast-in 0.22s cubic-bezier(0.2, 0.9, 0.2, 1);
}
[data-theme="light"] .vh-toast {
  box-shadow: 0 12px 32px rgba(20, 22, 25, 0.14), 0 4px 10px rgba(20, 22, 25, 0.07);
}
[data-theme] .vh-toast.hidden { display: none; }
@keyframes vh-toast-in {
  from { opacity: 0; transform: translateY(8px); }
}
[data-theme] .vh-toast-ico {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--accent-text);
}
[data-theme] .vh-toast-ico svg {
  width: 14px;
  height: 14px;
}
[data-theme] .vh-toast-copy { min-width: 0; }
[data-theme] .vh-toast-title {
  font: 600 13px var(--font-body);
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .vh-toast-sub {
  font: 400 11.5px var(--font-body);
  color: var(--fg-3);
  margin-top: 1px;
}
[data-theme] .vh-toast-btn {
  height: 30px;
  padding: 0 11px;
  flex: 0 0 auto;
  margin-left: 4px;
  border-radius: 7px;
  background: var(--bg-2);
  color: var(--fg);
  border: 1px solid var(--line);
  font: 600 12px var(--font-body);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
[data-theme] .vh-toast-btn:hover {
  background: var(--bg-3);
  border-color: var(--hover-border);
}
[data-theme] .vh-toast-close {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 0;
  flex: 0 0 auto;
  background: transparent;
  color: var(--fg-4);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .vh-toast-close:hover {
  background: var(--bg-2);
  color: var(--fg);
}
[data-theme] .vh-toast-close svg {
  width: 12px;
  height: 12px;
}
[data-theme] .pm-title {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--fg);
}
[data-theme] .pm-seg {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: var(--bg-3);
  border-radius: 999px;
  padding: 2px;
}
[data-theme] .pm-seg-opt {
  height: 24px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--fg-3);
  font: 600 11.5px var(--font-body);
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .pm-seg-opt:hover { color: var(--fg); }
[data-theme] .pm-seg-opt.active {
  background: var(--fg);
  color: var(--bg);
}
[data-theme] .pm-feature-btn {
  height: 30px;
  padding: 0 11px;
  flex: 0 0 auto;
  border-radius: 7px;
  background: var(--bg-2);
  color: var(--fg);
  border: 1px solid var(--line);
  font: 600 12px var(--font-body);
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s, border-color 0.15s;
}
[data-theme] .pm-feature-btn:hover:not([disabled]) {
  background: var(--bg-3);
  border-color: var(--hover-border);
}
[data-theme] .pm-feature-btn[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
[data-theme] .pm-feature-btn svg {
  width: 13px;
  height: 13px;
}
[data-theme] .pm.vh-modal { max-width: 600px; }
[data-theme] .vh-modal .pm-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
[data-theme] .vh-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
[data-theme] .vh-tabs { align-self: flex-start; }
[data-theme] .vh-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 14px;
  background: var(--bg-1);
  border: 1px dashed var(--line-2);
  border-radius: 10px;
  font: 400 12.5px var(--font-body);
  color: var(--fg-3);
}
[data-theme] .vh-empty.hidden { display: none; }
[data-theme] .vh-empty svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: var(--fg-4);
}
[data-theme] .vh-rows {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
[data-theme] .vh-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 10px;
}
[data-theme] .vh-row.hidden { display: none; }
[data-theme] .vh-ver {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  color: var(--fg);
  min-width: 38px;
  white-space: nowrap;
  flex: 0 0 auto;
}
[data-theme] .vh-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--fg-4);
  flex: 0 0 auto;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .vh-mark:hover {
  background: var(--bg-2);
  color: var(--fg);
}
[data-theme] .vh-mark[aria-pressed="true"],
[data-theme] .vh-mark[aria-pressed="true"]:hover {
  color: var(--accent-text);
}
[data-theme] .vh-mark svg {
  width: 13px;
  height: 13px;
}
[data-theme] .vh-copy {
  flex: 1;
  min-width: 0;
}
[data-theme] .vh-title {
  font: 600 13px var(--font-body);
  color: var(--fg);
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .vh-when {
  font: 400 11px var(--font-mono);
  color: var(--fg-3);
  margin-top: 1px;
}
[data-theme] .vh-current {
  height: 22px;
  padding: 0 9px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line));
  color: var(--accent-text);
  font: 600 11px var(--font-body);
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .deliverable-save-version.dsv-popping,
  [data-theme] .vh-toast {
    animation: none;
  }
}
[data-theme] .vhp {
  display: grid;
  grid-template-columns: 300px 1fr;
  height: 100%;
  min-height: 0;
  background: var(--bg);
}
[data-theme] .vhp-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 14px;
  border-right: 1px solid var(--line);
  background: var(--bg-1);
  overflow-y: auto;
  min-height: 0;
}
[data-theme] .vhp-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px;
}
[data-theme] .vhp-list-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--fg);
}
[data-theme] .vhp-list-count {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 1px 8px;
}
[data-theme] .vhp-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
[data-theme] .vhp-row {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px 0 0;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 10px;
  transition: background 0.12s, border-color 0.12s;
}
[data-theme] .vhp-row:hover {
  background: var(--bg-2);
  border-color: var(--hover-border);
}
[data-theme] .vhp-row.is-active {
  background: var(--bg-2);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--line));
}
[data-theme] .vhp-row-link {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  padding: 9px 4px 9px 12px;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
}
[data-theme] .vhp-row-link:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: -2px;
}
[data-theme] .vhp-row-link .vh-copy {
  display: flex;
  flex-direction: column;
}
[data-theme] .vhp-cap-note {
  padding: 4px 2px 0;
  font: 400 11px var(--font-body);
  color: var(--fg-4);
}
[data-theme] .vhp-content {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
[data-theme] .vhp-frame {
  display: block;
  height: 100%;
}
[data-theme] .vhp-content-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--fg-4);
  font: 400 13px var(--font-body);
  padding: 40px 20px;
  text-align: center;
}
[data-theme] .vhp-diff {
  padding: 20px 24px 60px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
[data-theme] .vhp-diff-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
[data-theme] .vhp-diff-titles {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
[data-theme] .vhp-diff-vers {
  display: flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .vhp-diff-arrow { color: var(--fg-4); }
[data-theme] .vhp-ver-chip {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--fg-2);
  white-space: nowrap;
}
[data-theme] .vhp-ver-chip--to {
  color: var(--fg);
  border-color: var(--line-2);
}
[data-theme] .vhp-diff-title {
  font: 600 15px var(--font-body);
  letter-spacing: -0.005em;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .vhp-diff-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font: 400 12px var(--font-body);
  color: var(--fg-3);
}
[data-theme] .vhp-diff-meta-sep { color: var(--fg-4); }
[data-theme] .vhp-diff-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
[data-theme] .vhp-diff-actions .pm-feature-btn[aria-pressed="true"] {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
[data-theme] .vhp-diff-stats {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-2);
}
.vdiff-empty {
  padding: 28px 14px;
  text-align: center;
  border: 1px dashed var(--line-2, #3a3d4d);
  border-radius: 10px;
  font: 400 12.5px var(--font-body, system-ui, sans-serif);
  color: var(--fg-3, #9098ad);
}
.vdiff-files {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.vdiff-file {
  border: 1px solid var(--line, #2d2f3a);
  border-radius: 10px;
  overflow: hidden;
  background: var(--bg-1, #1c1d22);
}
.vdiff-file-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  color: var(--fg-2, #c8cbd6);
  transition: background 0.12s;
}
.vdiff-file-head:hover {
  background: var(--bg-2, #22242c);
}
.vdiff-chevron {
  font-size: 10px;
  color: var(--fg-4, #555b6e);
  transition: transform 0.2s;
  flex: 0 0 auto;
}
.vdiff-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.vdiff-dot--created { background: var(--success-fg, #45e760); }
.vdiff-dot--deleted { background: var(--danger-fg, #ff7a7a); }
.vdiff-dot--updated { background: var(--warning-fg, #f5c245); }
.vdiff-path {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 12px;
  color: var(--fg, #e4e6ec);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vdiff-status {
  font: 600 10.5px var(--font-body, system-ui, sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid var(--line, #2d2f3a);
  flex: 0 0 auto;
}
.vdiff-status--created { color: var(--success-fg, #45e760); }
.vdiff-status--deleted { color: var(--danger-fg, #ff7a7a); }
.vdiff-status--updated { color: var(--warning-fg, #f5c245); }
.vdiff-file-stats {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  flex: 0 0 auto;
}
.vdiff-adds { color: var(--success-fg, #45e760); }
.vdiff-dels { color: var(--danger-fg, #ff7a7a); }
.vdiff-body {
  border-top: 1px solid var(--line, #2d2f3a);
  background: var(--bg, #16171a);
  overflow-x: auto;
}
.vdiff-body.hidden { display: none; }
.vdiff-pre {
  margin: 0;
  padding: 12px 0;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  line-height: 1.55;
}
.vdiff-line {
  padding: 0 14px;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--fg-3, #9098ad);
}
.vdiff-line--add {
  color: var(--success-fg, #b9f3c3);
  background: color-mix(in srgb, var(--success-fg, #45e760) 9%, transparent);
}
.vdiff-line--del {
  color: var(--danger-fg, #f3b9b9);
  background: color-mix(in srgb, var(--danger-fg, #ff7a7a) 9%, transparent);
}
.vdiff-line--hunk {
  color: var(--info-fg, #67b8ff);
  background: color-mix(in srgb, var(--info-fg, #67b8ff) 8%, transparent);
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .vdiff-chevron { transition: none; }
}
[data-theme] .rv-scrim {
  background: var(--scrim);
}
[data-theme] .rv-modal {
  background: var(--bg);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-lg);
}

[data-theme] .rv-head,
[data-theme] .rv-foot {
  background: var(--bg);
}
[data-theme] .rv-head { border-bottom: 1px solid var(--line); }
[data-theme] .rv-foot { border-top: 1px solid var(--line); }
[data-theme] .rv-close {
  color: var(--fg-3);
  border-radius: var(--radius-sm);
  transition: background var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .rv-close:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .rv-spinner {
  border-bottom-color: var(--accent);
}
[data-theme] .rv-modal .ds-callout {
  margin: 0;
  padding: 12px 14px;
}
[data-theme] .rv-modal .ds-callout-body {
  font-size: 13px;
  line-height: 1.55;
}
[data-theme] .rv-summary {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .rv-summary-title {
  color: var(--fg);
}
[data-theme] .rv-summary-divider {
  border-top: 1px solid var(--line);
}
[data-theme] .rv-panel {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .rv-stat {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .rv-stat-value { color: var(--fg); }
[data-theme] .rv-stat-label { color: var(--fg-3); }
[data-theme] .rv-success-text { color: var(--success-fg); }
[data-theme] .rv-danger-text { color: var(--danger-fg); }
[data-theme] .rv-file {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .rv-file-ico { color: var(--fg-4); }
[data-theme] .rv-file-name { color: var(--fg-2); }
[data-theme] .rv-file-action {
  font-family: var(--font-mono);
  color: var(--fg-3);
}
[data-theme] .rv-file-empty { color: var(--fg-3); }
[data-theme] .rv-bar {
  background: var(--bg-3);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
[data-theme] .rv-bar-fill {
  background: var(--accent-text);
  border-radius: var(--radius-pill);
  transition: width var(--t-progress) ease;
}
[data-theme] .rv-step {
  color: var(--fg-4);
  transition: color var(--t-base) var(--ease-out);
}
[data-theme] .rv-step[data-state="current"] {
  color: var(--accent-text);
  animation: rv-step-pulse var(--t-pulse) ease-in-out infinite;
}
[data-theme] .rv-step[data-state="done"] {
  color: var(--fg-2);
}
@keyframes rv-step-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.55; }
}
[data-theme] .rv-mark-danger {
  background: var(--danger-bg);
  border: 1px solid color-mix(in srgb, var(--danger-fg) 38%, var(--line));
  color: var(--danger-fg);
}
[data-theme] .rv-error-box {
  background: var(--danger-bg);
  border: 1px solid color-mix(in srgb, var(--danger-fg) 32%, var(--line));
  border-radius: var(--radius-md);
}
[data-theme] .rv-error-title { color: var(--fg); }
[data-theme] .rv-error-pre {
  color: var(--fg-2);
  background: var(--bg-1);
  border-radius: var(--radius-xs);
}

[data-theme] .vc-card {
  background: var(--bg-1);
  border: 1px solid var(--line);
}
[data-theme] .vc-card-building {
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
}
[data-theme] .vc-title { color: var(--fg); }
[data-theme] .vc-meta { color: var(--fg-3); }
[data-theme] .vc-divider { border-top: 1px solid var(--line); }
[data-theme] .vc-badge {
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-2);
  font-family: var(--font-mono);
}
[data-theme] .vc-dot {
  background: var(--accent);
}
[data-theme] .vc-dot-ink {
  color: var(--accent-text);
}

[data-theme] .vc-bar {
  background: var(--bg-3);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
[data-theme] .vc-bar-fill {
  background: var(--accent-text);
  border-radius: var(--radius-pill);
}
[data-theme] .vc-act {
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-2);
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .vc-act:hover:not([disabled]) {
  background: var(--hover-bg);
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .vc-act-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
}
[data-theme] .vc-act-primary:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: var(--accent-fg);
}
[data-theme] .vc-act-live,
[data-theme] .vc-act-current {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line));
  color: var(--accent-text);
}
[data-theme] .vc-act[disabled] {
  background: var(--bg-1);
  border-color: var(--line);
  color: var(--fg-4);
  cursor: not-allowed;
}
[data-theme] .vc-marked,
[data-theme] .vc-act.vc-marked {
  color: var(--accent-text);
}

[data-theme] .vh-list-row {
  background: var(--bg-1);
  border: 1px solid var(--line);
}
[data-theme] .vh-list-row:hover {
  background: var(--hover-bg);
}
[data-theme] .vh-list-mark { color: var(--accent-text); }
[data-theme] .vh-list-btn {
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-2);
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .vh-list-btn:hover {
  background: var(--hover-bg);
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .vh-list-btn-restore:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--accent-text);
}
.rv-scrim { background: color-mix(in srgb, var(--brand-fg) 50%, transparent); }
.rv-modal {
  background: var(--ed-surface-1);
  border: 1px solid var(--ed-border);
}
.rv-head, .rv-foot { background: var(--ed-surface-1); }
.rv-head { border-bottom: 1px solid var(--ed-border); }
.rv-foot { border-top: 1px solid var(--ed-border); }
.rv-close { color: var(--ed-text-3); }
.rv-close:hover { color: var(--ed-text-1); background: var(--ed-surface-hover); }
.rv-spinner { border-bottom-color: var(--ed-accent-green); }
.rv-summary {
  background: var(--ed-surface-2);
  border: 1px solid var(--ed-border);
}
.rv-summary-title { color: var(--ed-text-1); }
.rv-summary-divider { border-top: 1px solid var(--ed-border); }
.rv-panel {
  background: var(--ed-canvas);
  border: 1px solid var(--ed-border);
}
.rv-stat, .rv-file {
  background: var(--ed-surface-2);
  border: 1px solid var(--ed-border);
}
.rv-stat-value { color: var(--ed-text-1); }
.rv-stat-label, .rv-file-action, .rv-file-empty { color: var(--ed-text-3); }
.rv-file-ico { color: var(--ed-text-3); }
.rv-file-name { color: var(--ed-text-2); }
.rv-bar { background: var(--ed-surface-3); }
.rv-bar-fill { background: var(--ed-accent-green); }
.rv-step { color: var(--ed-text-3); }
.rv-step[data-state="current"] { color: var(--ed-accent-green); }
.rv-step[data-state="done"] { color: var(--ed-text-2); }
.rv-error-title { color: var(--ed-text-1); }
.rv-error-pre { color: var(--ed-text-2); background: var(--ed-canvas); }
.vc-card { background: var(--ed-surface-1); border: 1px solid var(--ed-border); }
.vc-card-building {
  background: var(--ed-accent-green-dim);
  border: 1px solid var(--ed-border);
}
.vc-title { color: var(--ed-text-1); }
.vc-meta { color: var(--ed-text-3); }
.vc-divider { border-top: 1px solid var(--ed-border); }
.vc-badge {
  background: var(--ed-surface-2);
  border: 1px solid var(--ed-border);
  color: var(--ed-text-2);
}
.vc-dot { background: var(--ed-accent-green); }
.vc-dot-ink { color: var(--ed-accent-green); }
.vc-bar { background: var(--ed-surface-3); border-radius: 999px; overflow: hidden; }
.vc-bar-fill { background: var(--ed-accent-green); border-radius: 999px; }
.vc-act {
  background: var(--ed-surface-2);
  border: 1px solid var(--ed-border);
  color: var(--ed-text-2);
}
.vc-act:hover:not([disabled]) { background: var(--ed-surface-hover); color: var(--ed-text-1); }
.vc-act-primary {
  background: var(--ed-accent-green);
  border-color: var(--ed-accent-green);
  color: var(--brand-fg);
}
.vc-act-live, .vc-act-current {
  background: var(--ed-accent-green-glow);
  border: 1px solid var(--ed-border);
  color: var(--ed-accent-green);
}
.vc-act[disabled] {
  background: var(--ed-surface-1);
  color: var(--ed-text-disabled);
  cursor: not-allowed;
}
.vc-marked, .vc-act.vc-marked { color: var(--ed-accent-green); }

.vh-list-row { background: var(--ed-canvas); border: 1px solid var(--ed-border); }
.vh-list-row:hover { background: var(--ed-surface-hover); }
.vh-list-mark { color: var(--ed-accent-green); }
.vh-list-btn {
  background: var(--ed-surface-1);
  border: 1px solid var(--ed-border);
  color: var(--ed-text-2);
}
.vh-list-btn:hover { background: var(--ed-surface-hover); color: var(--ed-text-1); }
.vh-list-btn-restore:hover { color: var(--ed-accent-green); }

@media (prefers-reduced-motion: reduce) {
  [data-theme] .rv-step[data-state="current"] { animation: none; }
}
[data-theme] .ds-progress-track,
[data-theme] .pf-sync-track {
  background: var(--bg-3);
}

[data-theme] .ds-progress-fill,
[data-theme] .pf-sync-fill {
  background: var(--accent-text);
  transition: width var(--t-progress) ease;
}
[data-theme] .ds-progress-fill.is-done,
[data-theme] .pf-sync-fill.is-done {
  background: var(--success-fg);
}

.ds-progress-track,
.pf-sync-track {
  background: var(--ed-surface-3);
}

.ds-progress-fill,
.pf-sync-fill {
  background: var(--ed-accent-green-text);
}
[data-theme] .pf-version-bar {
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
}
[data-theme] .pf-ver-pill {
  font-family: var(--font-mono);
  letter-spacing: 0.02em;
}
[data-theme] .pf-bar-btn {
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-weight: 600;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .pf-bar-btn-primary {
  background: var(--inverse-bg);
  border-color: var(--inverse-bg);
  color: var(--inverse-fg);
}
[data-theme] .pf-bar-btn-primary:hover {
  background: var(--inverse-bg-hover);
  border-color: var(--inverse-bg-hover);
  color: var(--inverse-fg);
}
[data-theme] .pf-bar-btn-ghost {
  background: transparent;
  color: var(--fg-3);
}
[data-theme] .pf-bar-btn-ghost:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .pf-sync-banner {
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  box-shadow: var(--shadow-md);
}

[data-theme] .pf-sync-icon { color: var(--accent-text); }
[data-theme] .pf-sync-dot { background: var(--queued-fg); }
[data-theme] .pf-sync-msg { color: var(--fg); }
[data-theme] .pf-sync-msg.is-error { color: var(--danger-fg); }
[data-theme] .pf-sync-msg.is-done { color: var(--accent-text); }
[data-theme] .pf-sync-meta { color: var(--fg-3); }
[data-theme] .pf-sync-count { color: var(--fg); }
[data-theme] .pf-error-scrim {
  background: color-mix(in srgb, var(--brand-fg) 60%, transparent);
}
[data-theme] .pf-error-mark {
  background: var(--danger-bg);
  border: 1px solid color-mix(in srgb, var(--danger-fg) 38%, var(--line));
  color: var(--danger-fg);
}
[data-theme] .pf-fix-btn {
  border: 1px solid transparent;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .pf-fix-btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
}
[data-theme] .pf-fix-btn-primary:hover:not(:disabled) {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: var(--accent-fg);
}
[data-theme] .pf-fix-btn-topup {
  background: color-mix(in srgb, var(--warning-fg) 18%, transparent);
  border-color: color-mix(in srgb, var(--warning-fg) 55%, var(--line));
  color: var(--fg);
}
[data-theme] .pf-fix-btn-topup:hover:not(:disabled) {
  background: color-mix(in srgb, var(--warning-fg) 26%, transparent);
  border-color: color-mix(in srgb, var(--warning-fg) 70%, var(--line));
  color: var(--fg);
}
[data-theme] .pf-fix-btn:disabled { opacity: 0.5; cursor: not-allowed; }
[data-theme] .pf-shell { background: var(--bg-2); }

.pf-version-bar {
  background: var(--ed-surface-1);
  border-bottom: 1px solid var(--ed-border);
}
.pf-bar-btn-primary {
  background: var(--ed-text-1);
  border-color: var(--ed-text-1);
  color: var(--ed-surface-1);
}
.pf-bar-btn-ghost { background: transparent; color: var(--ed-text-3); }
.pf-bar-btn-ghost:hover { background: var(--ed-surface-hover); color: var(--ed-text-1); }
.pf-sync-banner {
  background: var(--ed-surface-1);
  border-bottom: 1px solid var(--ed-border);
}
.pf-sync-icon { color: var(--ed-accent-green-text); }
.pf-sync-msg { color: var(--ed-text-1); }
.pf-sync-meta { color: var(--ed-text-3); }
.pf-sync-count { color: var(--ed-text-1); }
.pf-error-mark { color: var(--ed-text-1); }
.pf-fix-btn-primary {
  background: var(--ed-accent-green);
  border-color: var(--ed-accent-green);
  color: var(--brand-fg);
}
.pf-shell { background: var(--ed-surface-2); }

[data-theme] .domains-panel {
  padding: 24px 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 880px;
  margin: 0 auto;
}
[data-theme] .domains-panel .dv-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 8px;
}
[data-theme] .domains-panel .dv-header-text { min-width: 0; }
[data-theme] .domains-panel .dv-title {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 4px;
}
[data-theme] .domains-panel .dv-sub {
  margin: 0;
  font-size: 13px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .domains-panel .dv-set-card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-theme] .domains-panel .dv-set-section-title {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.005em;
  color: var(--fg);
}
[data-theme] .domains-panel .dv-set-row-meta {
  margin: 0;
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .domains-panel .dv-url-row {
  display: flex;
  align-items: center;
  padding: 0 6px 0 0;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 9px;
  height: 48px;
}
[data-theme] .domains-panel .dv-url-link {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 16px;
  text-decoration: none;
  color: var(--fg);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .domains-panel .dv-url-link .mono {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .domains-panel .dv-url-link .mono .sub { color: var(--fg); font-weight: 600; }
[data-theme] .domains-panel .dv-url-link .mono .tld { color: var(--fg-3); font-weight: 500; }
[data-theme] .domains-panel .dv-url-link:hover .mono {
  text-decoration: underline;
  text-decoration-color: var(--fg-3);
  text-underline-offset: 3px;
}
[data-theme] .domains-panel .cd-method-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 16px 0;
}
[data-theme] .domains-panel .cd-method-row + .cd-method-row {
  border-top: 1px solid var(--line);
}
[data-theme] .domains-panel .cd-method-text { min-width: 0; }
[data-theme] .domains-panel .cd-method-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13.5px;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-method-desc {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.45;
}
[data-theme] .domains-panel .pro-badge {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 9.5px;
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  color: var(--accent-text);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
[data-theme] .domains-panel .cd-upgrade-gate {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 16px 0;
}
[data-theme] .domains-panel .cd-upgrade-text { min-width: 0; }
[data-theme] .domains-panel .cd-upgrade-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13.5px;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-upgrade-desc {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.45;
}
[data-theme] .domains-panel .cd-upgrade-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

[data-theme] .domains-panel .cd-enter-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 4px;
}
[data-theme] .domains-panel .cd-form-label {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  color: var(--fg-2);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-input-wrap {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 8px;
  gap: 8px;
  transition: border-color var(--t-base);
}
[data-theme] .domains-panel .cd-input-wrap:focus-within {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--line-2));
}
[data-theme] .domains-panel .cd-input-wrap.is-invalid {
  border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line));
}
[data-theme] .domains-panel .cd-input-icon { color: var(--fg-3); flex: 0 0 auto; }
[data-theme] .domains-panel .cd-input-wrap input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--fg);
  font-family: var(--font-mono);
  font-size: 13.5px;
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-input-check {
  display: none;
  color: var(--accent-text);
  flex: 0 0 auto;
}
[data-theme] .domains-panel .cd-input-wrap.is-valid .cd-input-check { display: inline-flex; }

[data-theme] .domains-panel .cd-form-help {
  margin: 0;
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-form-help.is-invalid { color: var(--danger-fg); }

[data-theme] .domains-panel .cd-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
}
[data-theme] .domains-panel .cd-choosing {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
}
[data-theme] .domains-panel .cd-choosing-caption {
  margin: 0 0 4px;
  font-size: 12.5px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-choosing-caption .mono {
  font-family: var(--font-mono);
  color: var(--fg);
  font-weight: 600;
}
[data-theme] .domains-panel .cd-method-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .domains-panel .cd-method-card:hover {
  background: var(--bg-2);
  border-color: var(--line-2);
}
[data-theme] .domains-panel .cd-method-card.is-accent {
  background: color-mix(in srgb, var(--accent) 6%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
}
[data-theme] .domains-panel .cd-method-card.is-accent:hover {
  background: color-mix(in srgb, var(--accent) 10%, var(--bg));
}
[data-theme] .domains-panel .cd-method-card-tile {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
[data-theme] .domains-panel .cd-method-card-tile.is-accent {
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-2));
  border-color: color-mix(in srgb, var(--accent) 32%, var(--line));
  color: var(--accent-text);
}
[data-theme] .domains-panel .cd-method-card-text { min-width: 0; }
[data-theme] .domains-panel .cd-method-card-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 13.5px;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-method-card-desc {
  margin-top: 2px;
  font-size: 12.5px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-method-card-arrow {
  color: var(--fg-3);
  flex: 0 0 auto;
}
[data-theme] .domains-panel .cd-recommended-chip {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 9.5px;
  padding: 1px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 18%, var(--bg-2));
  color: var(--accent-text);
  border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--line));
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

[data-theme] .domains-panel .cd-connected-card {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px 16px;
}
[data-theme] .domains-panel .cd-connected-card.hidden,
[data-theme] .domains-panel .cd-remove-confirm.hidden { display: none; }

[data-theme] .domains-panel .cd-connected-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .domains-panel .cd-connected-top-left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
[data-theme] .domains-panel .cd-connected-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent);
  flex: 0 0 auto;
  animation: cd-pulse-dot 1.6s ease-in-out infinite;
}
@keyframes cd-pulse-dot {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.45; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .domains-panel .cd-connected-dot { animation: none; }
}
[data-theme] .domains-panel .cd-connected-domain {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.005em;
  color: var(--fg);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
[data-theme] .domains-panel .cd-connected-domain:hover {
  text-decoration: underline;
  text-decoration-color: var(--fg-3);
  text-underline-offset: 3px;
}
[data-theme] .domains-panel .cd-connected-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
[data-theme] .domains-panel .cd-connected-remove:hover {
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}
[data-theme] .domains-panel .cd-connected-hairline {
  height: 1px;
  background: var(--line);
  margin: 12px 0;
}
[data-theme] .domains-panel .cd-connected-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-connected-status .mono {
  font-family: var(--font-mono);
  color: var(--fg-2);
}
[data-theme] .domains-panel .cd-connected-check { color: var(--accent-text); flex: 0 0 auto; }
[data-theme] .domains-panel .cd-connected-trouble {
  margin-left: auto;
  background: transparent;
  border: 0;
  padding: 2px 4px;
  font-size: 12px;
  color: var(--fg-3);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--fg-3) 40%, transparent);
  text-underline-offset: 3px;
  cursor: pointer;
  border-radius: 4px;
  transition: color 0.12s ease, text-decoration-color 0.12s ease;
}
[data-theme] .domains-panel .cd-connected-trouble:hover {
  color: var(--fg);
  text-decoration-color: var(--fg-2);
}
[data-theme] .domains-panel .cd-connected-trouble:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .ai-diag-scrim .rc-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 24px;
  color: var(--fg-3);
  font-size: 13px;
}
[data-theme] .ai-diag-scrim .rc-error {
  padding: 16px;
  color: var(--danger-fg);
  font-size: 13px;
  line-height: 1.5;
}
[data-theme] .ai-diag-scrim .rc-error strong { display: block; margin-bottom: 4px; }
[data-theme] .ai-diag-scrim .rc-error p { margin: 0; color: var(--fg-2); }

[data-theme] .ai-diag-scrim .rc-verdict {
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--bg);
  margin-bottom: 16px;
}
[data-theme] .ai-diag-scrim .rc-verdict--ok {
  border-color: color-mix(in srgb, var(--accent-text) 30%, var(--line));
  background: color-mix(in srgb, var(--accent-text) 6%, var(--bg));
}
[data-theme] .ai-diag-scrim .rc-verdict--warn {
  border-color: color-mix(in srgb, var(--danger-fg) 35%, var(--line));
  background: color-mix(in srgb, var(--danger-fg) 6%, var(--bg));
}
[data-theme] .ai-diag-scrim .rc-verdict-summary {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg);
}

[data-theme] .ai-diag-scrim .rc-checks {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}
[data-theme] .ai-diag-scrim .rc-check-row {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--bg);
  border: 1px solid var(--line);
}
[data-theme] .ai-diag-scrim .rc-check-row--fail {
  border-color: color-mix(in srgb, var(--danger-fg) 35%, var(--line));
}
[data-theme] .ai-diag-scrim .rc-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-body);
  line-height: 1;
}
[data-theme] .ai-diag-scrim .rc-check-icon--ok {
  background: color-mix(in srgb, var(--accent-text) 20%, transparent);
  color: var(--accent-text);
}
[data-theme] .ai-diag-scrim .rc-check-icon--fail {
  background: color-mix(in srgb, var(--danger-fg) 18%, transparent);
  color: var(--danger-fg);
}
[data-theme] .ai-diag-scrim .rc-check-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .ai-diag-scrim .rc-check-detail {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 2px;
  word-break: break-all;
}

[data-theme] .ai-diag-scrim .rc-advice-head {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  margin-bottom: 10px;
}
[data-theme] .ai-diag-scrim .rc-advice-head--warn { color: var(--danger-fg); }
[data-theme] .ai-diag-scrim .rc-advice-body {
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.5;
  margin: 0;
}
[data-theme] .ai-diag-scrim .rc-advice-list {
  margin: 0;
  padding-left: 22px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-2);
}
[data-theme] .ai-diag-scrim .rc-advice-list > li { margin-bottom: 10px; }
[data-theme] .ai-diag-scrim .rc-advice-list > li:last-child { margin-bottom: 0; }
[data-theme] .ai-diag-scrim .rc-advice-list code {
  font-family: var(--font-mono);
  font-size: 12px;
  background: var(--bg-2);
  padding: 1px 5px;
  border-radius: 4px;
  border: 1px solid var(--line);
  color: var(--fg);
  word-break: break-all;
}
[data-theme] .ai-diag-scrim .rc-advice-list ul {
  margin: 6px 0 0;
  padding-left: 18px;
}
[data-theme] .ai-diag-scrim .rc-advice-list ul > li { margin-bottom: 4px; }
[data-theme] .domains-panel .cd-remove-confirm {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 14px 16px;
  background: var(--bg);
  border: 1px solid color-mix(in srgb, var(--danger-fg) 35%, var(--line));
  border-radius: 10px;
}
[data-theme] .domains-panel .cd-remove-confirm-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--danger-fg) 14%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--danger-fg) 45%, var(--line));
  color: var(--danger-fg);
  flex: 0 0 auto;
}
[data-theme] .domains-panel .cd-remove-confirm-text { min-width: 0; }
[data-theme] .domains-panel .cd-remove-confirm-title {
  font-weight: 700;
  font-size: 14px;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-remove-confirm-desc {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .domains-panel .cd-remove-confirm-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
}
[data-theme] .domains-panel .cd-remove-btn {
  background: var(--danger-fg);
  color: #fff;
  border: 0;
  height: 32px;
  padding: 0 14px;
  border-radius: 7px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 12.5px;
  cursor: pointer;
  transition: background var(--t-base);
}
[data-theme] .domains-panel .cd-remove-btn:hover {
  background: color-mix(in srgb, var(--danger-fg) 88%, #000);
}
[data-theme] .domains-panel .cd-tl {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px 16px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 10px;
}
[data-theme] .domains-panel .cd-tl.is-failed {
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}

[data-theme] .domains-panel .cd-tl-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .domains-panel .cd-tl-head-left {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
[data-theme] .domains-panel .cd-tl-lock { color: var(--fg-3); flex: 0 0 auto; }
[data-theme] .domains-panel .cd-tl-domain {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 13px;
  color: var(--fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
[data-theme] .domains-panel .cd-tl-cancel {
  font-size: 12.5px;
  color: var(--fg-3);
  background: transparent;
  border: 0;
  cursor: pointer;
}
[data-theme] .domains-panel .cd-tl-cancel:hover {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-theme] .domains-panel .cd-tl-steps {
  list-style: none;
  margin: 0;
  padding: 4px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
[data-theme] .domains-panel .cd-tl-step {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 12px;
  position: relative;
  padding-bottom: 4px;
}
[data-theme] .domains-panel .cd-tl-step::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 22px;
  bottom: -14px;
  width: 1px;
  background: var(--line);
}
[data-theme] .domains-panel .cd-tl-step.cd-tl-step-last::before { display: none; }
[data-theme] .domains-panel .cd-tl-step.is-done::before {
  background: color-mix(in srgb, var(--accent) 40%, var(--line));
}

[data-theme] .domains-panel .cd-tl-marker {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}
[data-theme] .domains-panel .cd-tl-step.is-done .cd-tl-marker {
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--accent-text);
}
[data-theme] .domains-panel .cd-tl-step.is-current .cd-tl-marker {
  background: var(--bg-2);
  border: 1.5px solid var(--info-fg);
}
[data-theme] .domains-panel .cd-tl-step.is-current .cd-tl-marker::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--info-fg);
  animation: cd-tl-pulse 1.4s ease-in-out infinite;
}
@keyframes cd-tl-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .domains-panel .cd-tl-step.is-current .cd-tl-marker::after {
    animation: none;
  }
}
[data-theme] .domains-panel .cd-tl-step.is-failed .cd-tl-marker {
  background: color-mix(in srgb, var(--danger-fg) 16%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--danger-fg) 45%, var(--line));
  color: var(--danger-fg);
}
[data-theme] .domains-panel .cd-tl-bang {
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
}
[data-theme] .domains-panel .cd-tl-step.is-future .cd-tl-marker {
  background: transparent;
  border: 1px dashed var(--line-2);
}

[data-theme] .domains-panel .cd-tl-step-title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-tl-step-title.is-danger { color: var(--danger-fg); }
[data-theme] .domains-panel .cd-tl-step-sub {
  margin-top: 2px;
  font-size: 11.5px;
  color: var(--fg-3);
  line-height: 1.45;
}
[data-theme] .domains-panel .cd-tl-step-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
[data-theme] .domains-panel .cd-tl-step.is-future .cd-tl-step-title { color: var(--fg-4); }

[data-theme] .domains-panel .cd-tl-foot {
  border-top: 1px dashed var(--line-2);
  padding-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-tl-ssl-records {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}
[data-theme] .domains-panel .cd-tl-ssl-records-caption {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-tl-ssl-records-note {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-entri {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--info-fg) 6%, var(--bg));
  border: 1px solid color-mix(in srgb, var(--info-fg) 30%, var(--line));
  border-radius: 10px;
}
[data-theme] .domains-panel .cd-entri-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--info-fg) 14%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--info-fg) 30%, var(--line));
  color: var(--info-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
[data-theme] .domains-panel .cd-entri-text { min-width: 0; }
[data-theme] .domains-panel .cd-entri-title {
  font-weight: 600;
  font-size: 13.5px;
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .domains-panel .cd-entri-desc {
  margin-top: 4px;
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .domains-panel .cd-entri-desc .mono {
  font-family: var(--font-mono);
  color: var(--fg-2);
}
[data-theme] .domains-panel .cd-entri-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}
[data-theme] .domains-panel .cd-entri-switch {
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-3);
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}
[data-theme] .domains-panel .cd-entri-switch:hover {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-theme] .domains-panel .cd-manual {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 4px;
}

[data-theme] .domains-panel .cd-dns-table {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--bg);
  overflow: hidden;
}
[data-theme] .domains-panel .cd-dns-row {
  display: grid;
  grid-template-columns: 56px 1fr auto auto;
  gap: 12px;
  padding: 10px 14px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 11.5px;
  line-height: 1.4;
}
[data-theme] .domains-panel .cd-dns-row.is-last { border-bottom: 0; }
[data-theme] .domains-panel .cd-dns-row .type {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: 0.02em;
  padding: 2px 6px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: 4px;
  text-align: center;
  color: var(--fg-2);
}
[data-theme] .domains-panel .cd-dns-row .row-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .domains-panel .cd-dns-row .row-name {
  color: var(--fg-2);
  font-weight: 600;
}
[data-theme] .domains-panel .cd-dns-row .row-value {
  color: var(--fg-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .domains-panel .cd-dns-row .purpose {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 10px;
  color: var(--fg-4);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
[data-theme] .domains-panel .cd-dns-copy {
  width: 26px;
  height: 26px;
  border-radius: 6px;
}
[data-theme] .domains-panel .cd-dns-fallback {
  border: 1px dashed var(--line-2);
  border-radius: 10px;
  padding: 10px 12px;
  background: transparent;
}
[data-theme] .domains-panel .cd-dns-fallback > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  list-style: none;
}
[data-theme] .domains-panel .cd-dns-fallback > summary::-webkit-details-marker { display: none; }
[data-theme] .domains-panel .cd-dns-fallback[open] .cd-dns-fallback-caret {
  transform: rotate(90deg);
}
[data-theme] .domains-panel .cd-dns-fallback-caret {
  color: var(--fg-3);
  transition: transform 120ms ease;
}
[data-theme] .domains-panel .cd-dns-fallback-help {
  margin: 6px 0 10px;
  font-size: 11.5px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-manual-help {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .domains-panel .cd-manual-help-link {
  margin-left: auto;
  font-size: 11.5px;
  color: var(--fg-3);
  text-decoration: underline;
  text-decoration-color: var(--line-2);
  text-underline-offset: 3px;
}
[data-theme] .domains-panel .cd-manual-help-link:hover { color: var(--fg); }
[data-theme] .domains-panel .cd-check-result {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 12.5px;
  line-height: 1.45;
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--fg-2);
}
[data-theme] .domains-panel .cd-check-result[hidden] { display: none; }
[data-theme] .domains-panel .cd-check-result.is-pending {
  background: color-mix(in srgb, var(--accent) 8%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  color: var(--fg-2);
}
[data-theme] .domains-panel .cd-check-result.is-verified {
  background: color-mix(in srgb, var(--accent-text) 8%, var(--bg));
  border-color: color-mix(in srgb, var(--accent-text) 30%, var(--line));
  color: var(--accent-text);
}
[data-theme] .domains-panel .cd-check-result.is-error {
  background: color-mix(in srgb, var(--danger-fg) 8%, var(--bg));
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
  color: var(--danger-fg);
}
[data-theme] .domains-panel .dv-stub {
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--bg);
  border: 1px dashed var(--line-2);
  color: var(--fg-3);
  font-size: 13px;
}

@media (max-width: 720px) {
  [data-theme] .domains-panel { padding: 16px 12px 32px; gap: 12px; }
  [data-theme] .domains-panel .dv-set-card { padding: 14px 16px; }
  [data-theme] .domains-panel .dv-title { font-size: 22px; }
  [data-theme] .domains-panel .dv-header { flex-wrap: wrap; }
}
[data-theme] .domains-panel .cd-tl-diagnose-icon { color: var(--accent-text); }
.ai-diag-scrim {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 64px 24px 24px;
  overflow-y: auto;
}
.ai-diag-scrim.hidden { display: none; }
.ai-diag-modal {
  width: 100%;
  max-width: 600px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 96px);
}
.ai-diag-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px 16px;
  border-bottom: 1px solid var(--line);
  gap: 12px;
  flex: 0 0 auto;
}
.ai-diag-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.ai-diag-tile {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
  color: var(--accent-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.ai-diag-head-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.ai-diag-title {
  font: 700 15px/1.2 var(--font-display), var(--font-body);
  color: var(--fg);
  letter-spacing: -0.01em;
}
.ai-diag-sub {
  font-size: 11.5px;
  color: var(--fg-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-diag-sub .mono {
  font-family: var(--font-mono);
}
.ai-diag-close {
  flex: 0 0 auto;
}
.ai-diag-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 22px 22px;
}
.ai-diag-foot {
  flex: 0 0 auto;
  border-top: 1px solid var(--line);
  padding: 14px 22px;
  background: var(--bg);
}
.ai-diag-foot-running,
.ai-diag-foot-report,
.ai-diag-foot-failed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ai-diag-foot-running[hidden],
.ai-diag-foot-report[hidden],
.ai-diag-foot-failed[hidden] { display: none; }
.ai-diag-foot-failed-icon { color: color-mix(in srgb, var(--warning-fg, #f5a13a) 90%, var(--fg)); }
.ai-diag-foot-left {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: var(--fg-3);
}
.ai-diag-foot-right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ai-diag-foot-sparkle { color: var(--accent-text); }
.ai-diag-foot-ts {
  font-size: 11.5px;
  color: var(--fg-4);
}

@media (max-width: 720px) {
  .ai-diag-scrim { padding: 32px 12px 12px; }
  .ai-diag-modal { max-height: calc(100vh - 56px); }
  .ai-diag-head { padding: 14px 16px 12px; }
  .ai-diag-body { padding: 18px 16px 16px; }
  .ai-diag-foot { padding: 12px 16px; }
}

.ai-status { font-family: var(--font-body); }
.ai-status-pre {
  font-size: 12px;
  color: var(--fg-3);
  margin-bottom: 14px;
  letter-spacing: -0.005em;
}

.ai-step-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ai-step {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ai-step-marker {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.ai-step-marker.is-done {
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--accent-text);
}
.ai-step-marker.is-current {
  background: var(--bg-2);
  border: 1.5px solid var(--accent);
  color: var(--accent-text);
  animation: ai-pulse-ring 1.8s ease-in-out infinite;
}
.ai-step-marker.is-current .ai-step-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--accent);
  display: inline-block;
}
.ai-step-marker.is-future {
  background: transparent;
  border: 1px dashed var(--line-2);
}
.ai-step-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-4);
  letter-spacing: -0.005em;
}
.ai-step.is-done .ai-step-label    { color: var(--fg-2); font-weight: 500; }
.ai-step.is-current .ai-step-label { color: var(--fg);   font-weight: 600; }
.ai-step.is-future .ai-step-label  { color: var(--fg-4); font-weight: 500; }

@keyframes ai-pulse-ring {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-step-marker.is-current { animation: none; }
}

.ai-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin-bottom: 10px;
}
.ai-status-pill.is-warning {
  background: color-mix(in srgb, var(--warning-fg, #f5a13a) 16%, var(--bg-2));
  color: color-mix(in srgb, var(--warning-fg, #f5a13a) 90%, var(--fg));
  border: 1px solid color-mix(in srgb, var(--warning-fg, #f5a13a) 30%, var(--line));
}

.ai-md { color: var(--fg-2); }
.ai-md .ai-md-h1 {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 18px;
  color: var(--fg);
  letter-spacing: -0.01em;
  margin: 0 0 6px;
}
.ai-md .ai-md-h2 {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 15px;
  color: var(--fg);
  letter-spacing: -0.01em;
  margin: 16px 0 6px;
}
.ai-md .ai-md-h3 {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 13px;
  color: var(--fg);
  letter-spacing: -0.005em;
  margin: 12px 0 4px;
}
.ai-md .ai-md-p {
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.6;
  margin: 0 0 10px;
}
.ai-md .ai-md-ul,
.ai-md .ai-md-ol {
  margin: 4px 0 10px;
  padding-left: 22px;
  color: var(--fg-2);
  font-size: 13px;
  line-height: 1.55;
}
.ai-md .ai-md-ul { list-style-type: disc; }
.ai-md .ai-md-ol { list-style-type: decimal; }
.ai-md .ai-md-ul > li,
.ai-md .ai-md-ol > li { margin-bottom: 4px; }
.ai-md .ai-md-bq {
  margin: 4px 0 10px;
  padding: 8px 12px;
  border-left: 3px solid var(--line-2);
  background: var(--bg-1);
  border-radius: 4px;
  color: var(--fg-2);
  font-size: 13px;
  line-height: 1.55;
}
.ai-md .ai-md-bq > p { margin: 0 0 4px; }
.ai-md .ai-md-bq > p:last-child { margin-bottom: 0; }
.ai-md .ai-md-b { color: var(--fg); font-weight: 700; }
.ai-md .ai-md-code {
  font-family: var(--font-mono);
  font-size: 0.9em;
  background: var(--bg-1);
  border: 1px solid var(--line);
  padding: 1px 5px;
  border-radius: 4px;
}
.ai-md .ai-md-a {
  color: var(--accent-text);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--accent-text) 40%, transparent);
  text-underline-offset: 2px;
}
.ai-md .ai-md-a:hover { text-decoration-color: var(--accent-text); }
.ai-status-completed-fallback {
  padding: 14px 16px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.ai-status-completed-fallback p {
  margin: 0;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.55;
}

.ai-status-unresolved-hint {
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.5;
}

.ai-status-failed {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--warning-fg, #f5a13a) 8%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--warning-fg, #f5a13a) 25%, var(--line));
  border-radius: 10px;
}
.ai-status-failed-icon {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--warning-fg, #f5a13a) 90%, var(--fg));
}
.ai-status-failed-text { flex: 1 1 auto; min-width: 0; }
.ai-status-failed-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.005em;
  margin-bottom: 4px;
}
.ai-status-failed-message {
  font-size: 12px;
  color: var(--fg-2);
  margin-bottom: 6px;
  line-height: 1.5;
}
.ai-status-failed-hint {
  font-size: 11.5px;
  color: var(--fg-3);
  line-height: 1.5;
}
.ai-status-failed-runid {
  display: block;
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-4);
}

.ai-status-tech {
  margin-top: 16px;
  border-top: 1px dashed var(--line-2);
  padding-top: 12px;
}
.ai-status-tech > summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  color: var(--fg-3);
  list-style: none;
}
.ai-status-tech > summary:hover { color: var(--fg-2); }
.ai-status-tech > summary::-webkit-details-marker { display: none; }
.ai-status-tech-caret {
  transition: transform 0.15s ease;
}
.ai-status-tech[open] .ai-status-tech-caret { transform: rotate(90deg); }
.ai-status-tech-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0 0 0 16px;
  font-size: 11.5px;
  color: var(--fg-3);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ai-status-tech-list code {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-2);
}
.ai-status-tech-status { display: inline-block; width: 14px; text-align: center; }
.ai-status-tech-status.is-ok { color: var(--accent-text); }
.ai-status-tech-status.is-warn { color: color-mix(in srgb, var(--warning-fg, #f5a13a) 90%, var(--fg)); }
.ai-status-tech-status.is-running { color: var(--fg-4); }
.ai-status-tech-duration { color: var(--fg-4); }
[data-theme] .domains-panel .cd-conflict {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--warning-fg, #f5a13a) 10%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--warning-fg, #f5a13a) 35%, var(--line));
  border-radius: 10px;
  box-shadow: var(--shadow-sm);
}
[data-theme] .domains-panel .cd-conflict-icon {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--warning-fg, #f5a13a) 90%, var(--fg));
}
[data-theme] .domains-panel .cd-conflict-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .domains-panel .cd-conflict-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.005em;
  margin-bottom: 4px;
}
[data-theme] .domains-panel .cd-conflict-message {
  font-size: 12px;
  color: var(--fg-2);
  line-height: 1.5;
  margin-bottom: 10px;
}
[data-theme] .domains-panel .cd-conflict-steps {
  margin: 0 0 12px;
  padding-left: 18px;
  font-size: 12px;
  color: var(--fg-2);
  line-height: 1.6;
}
[data-theme] .domains-panel .cd-conflict-steps li { margin-bottom: 2px; }
[data-theme] .domains-panel .cd-conflict-steps strong { color: var(--fg); font-weight: 600; }
[data-theme] .domains-panel .cd-conflict-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
[data-theme] .help-drawer {
  position: fixed;
  top: var(--help-drawer-top, 66px);
  right: var(--help-drawer-right, 6px);
  bottom: var(--help-drawer-bottom, 6px);
  width: 360px;
  max-width: calc(100vw - 12px);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 80;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 12px 32px -12px rgba(0, 0, 0, 0.32),
    0 4px 12px rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transform: translateX(12px);
  transition:
    opacity 160ms ease,
    transform 200ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

[data-theme="light"] .help-drawer {
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.03),
    0 12px 32px -12px rgba(15, 23, 42, 0.1),
    0 4px 12px rgba(15, 23, 42, 0.05);
}

[data-theme] .help-drawer.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
[data-theme] .help-drawer.hd-surface-editor {
  --help-drawer-top: 74px;
  --help-drawer-right: 18px;
  --help-drawer-bottom: 18px;
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .help-drawer {
    transition: opacity 160ms ease;
    transform: none;
  }
}
[data-theme] .hd-head {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  flex: none;
}

[data-theme] .hd-head .seg {
  flex: 1;
  margin: 0;
}

[data-theme] .hd-close {
  width: 28px;
  height: 28px;
  flex: none;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background 0.12s,
    color 0.12s;
}

[data-theme] .hd-close:hover {
  color: var(--fg);
  background: var(--bg-3);
}

[data-theme] .hd-close svg {
  width: 14px;
  height: 14px;
}
[data-theme] .hd-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 2px 10px 10px;
  display: flex;
  flex-direction: column;
}
[data-theme] .hd-search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 8px;
  height: 42px;
  padding: 0 12px;
  flex: none;
  cursor: text;
}
[data-theme] .hd-search:focus-within {
  border-color: var(--field-border-focus);
  box-shadow: var(--field-ring);
}

[data-theme] .hd-search svg {
  width: 13px;
  height: 13px;
  color: var(--fg-3);
  flex: none;
}
[data-theme] .hd-search input,
[data-theme] .hd-search input:focus {
  flex: 1;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  font: 400 13.5px "Geist", system-ui, sans-serif;
  color: var(--fg);
}

[data-theme] .hd-search input::-moz-placeholder {
  color: var(--fg-4);
}

[data-theme] .hd-search input::placeholder {
  color: var(--fg-4);
}

[data-theme] .hd-label {
  font: 600 11px "Geist", system-ui, sans-serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: 14px 4px 6px;
}

[data-theme] .hd-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

[data-theme] .hd-article {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  font-family: "Geist", system-ui, sans-serif;
}

[data-theme] .hd-article:hover {
  background: var(--bg-3);
}

[data-theme] .hd-art-ic {
  width: 26px;
  height: 26px;
  flex: none;
  border-radius: 7px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-2);
}

[data-theme] .hd-article:hover .hd-art-ic {
  background: var(--bg-2);
}

[data-theme] .hd-art-ic svg {
  width: 13px;
  height: 13px;
}

[data-theme] .hd-art-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

[data-theme] .hd-art-title {
  font: 500 13.5px "Geist", system-ui, sans-serif;
  color: var(--fg);
}

[data-theme] .hd-art-cat {
  font: 400 11.5px "Geist", system-ui, sans-serif;
  color: var(--fg-4);
}

[data-theme] .hd-art-chev {
  width: 12px;
  height: 12px;
  color: var(--fg-4);
  flex: none;
  opacity: 0;
  transition: opacity 120ms ease;
}

[data-theme] .hd-article:hover .hd-art-chev {
  opacity: 1;
}

[data-theme] .hd-none {
  padding: 28px 12px;
  text-align: center;
  font: 400 13px "Geist", system-ui, sans-serif;
  color: var(--fg-3);
}
[data-theme] .hd-chat {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

[data-theme] .hd-chat-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 10px;
}

[data-theme] .hd-chat-hint {
  text-align: center;
  font: 400 12px "Geist", system-ui, sans-serif;
  color: var(--fg-4);
  padding: 6px 0 10px;
}

[data-theme] .hd-bubble {
  max-width: 82%;
  padding: 8px 11px;
  border-radius: 12px;
  font: 400 13.5px/1.5 "Geist", system-ui, sans-serif;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

[data-theme] .hd-bubble.bot {
  align-self: flex-start;
  background: var(--bg-3);
  color: var(--fg-2);
  border-bottom-left-radius: 4px;
}
[data-theme] .hd-bubble.user {
  align-self: flex-end;
  background: var(--accent);
  color: var(--accent-fg);
  border-bottom-right-radius: 4px;
  forced-color-adjust: none;
}
[data-theme] .hd-bubble.bot > *:first-child {
  margin-top: 0;
}

[data-theme] .hd-bubble.bot > *:last-child {
  margin-bottom: 0;
}

[data-theme] .hd-bubble.bot a {
  color: var(--accent-text);
  text-decoration: underline;
}

[data-theme] .hd-bubble.bot p {
  margin: 0 0 6px;
}
[data-theme] .hd-sources {
  align-self: flex-start;
  max-width: 82%;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 2px 2px 4px;
  font: 400 12.5px "Geist", system-ui, sans-serif;
  color: var(--fg-4);
}

[data-theme] .hd-sources-label {
  font-weight: 600;
  color: var(--fg-3);
}

[data-theme] .hd-source-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--accent-text);
  text-decoration: none;
  font-weight: 500;
}

[data-theme] .hd-source-link:hover {
  text-decoration: underline;
}

[data-theme] .hd-source-link svg {
  width: 13px;
  height: 13px;
  flex: none;
}
[data-theme] .hd-typing {
  align-self: flex-start;
  display: flex;
  gap: 4px;
  padding: 11px 12px;
  background: var(--bg-3);
  border-radius: 12px;
  border-bottom-left-radius: 4px;
}

[data-theme] .hd-typing span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--fg-4);
  animation: hd-typ 1s infinite;
}

[data-theme] .hd-typing span:nth-child(2) {
  animation-delay: 0.15s;
}

[data-theme] .hd-typing span:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes hd-typ {
  0%,
  60%,
  100% {
    opacity: 0.35;
    transform: none;
  }
  30% {
    opacity: 1;
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .hd-typing span {
    animation: none;
  }
}
[data-theme] .hd-composer {
  display: flex;
  gap: 6px;
  padding: 8px 10px 10px;
  flex: none;
}

/* !important on bg + border defeats the legacy `.dark input[type="text"]`
   forms rule (--ed-surface-3 / #33404d) — see the .hd-search note — so the
   composer matches the app's standard --bg-2 input fill. */
[data-theme] .hd-composer input {
  flex: 1;
  min-width: 0;
  height: 42px;
  background: var(--bg-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px;
  padding: 0 12px;
  font: 400 13.5px "Geist", system-ui, sans-serif;
  color: var(--fg);
  outline: none;
  box-shadow: none;
}
[data-theme] .hd-composer input:focus {
  border-color: var(--field-border-focus) !important;
  outline: none !important;
  box-shadow: var(--field-ring) !important;
}

[data-theme] .hd-composer input::-moz-placeholder {
  color: var(--fg-4);
}

[data-theme] .hd-composer input::placeholder {
  color: var(--fg-4);
}
[data-theme] .hd-send {
  width: 42px;
  height: 42px;
  flex: none;
  border: 0;
  border-radius: 8px;
  background: var(--accent);
  color: var(--accent-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.12s;
  forced-color-adjust: none;
}

[data-theme] .hd-send:hover {
  background: var(--primary-hover);
}

[data-theme] .hd-send:disabled {
  opacity: 0.4;
  cursor: default;
}

[data-theme] .hd-send svg {
  width: 14px;
  height: 14px;
}
[data-theme] .hd-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 2px;
}

[data-theme] .hd-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

[data-theme] .hd-field label {
  font: 500 12.5px "Geist", system-ui, sans-serif;
  color: var(--fg-2);
}

/* !important on bg + border defeats the legacy `.dark input[type="text"]` /
   `.dark textarea` / `.dark select` forms rule (--ed-surface-3 / #33404d) — see
   the .hd-search note — so the ticket fields match the app's standard --bg-2
   input fill. */
[data-theme] input.hd-in,
[data-theme] textarea.hd-ta,
[data-theme] select.hd-sel {
  width: 100%;
  background-color: var(--bg-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px;
  padding: 11px 12px;
  font: 400 13.5px "Geist", system-ui, sans-serif;
  color: var(--fg);
  outline: none;
}

[data-theme] .hd-in::-moz-placeholder, [data-theme] .hd-ta::-moz-placeholder {
  color: var(--fg-4);
}

[data-theme] .hd-in::placeholder,
[data-theme] .hd-ta::placeholder {
  color: var(--fg-4);
}
[data-theme] .hd-sel {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238a8c92" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
}

[data-theme="light"] .hd-sel {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');
}

[data-theme] .hd-ta {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}
[data-theme] input.hd-in:focus,
[data-theme] textarea.hd-ta:focus,
[data-theme] select.hd-sel:focus {
  border-color: var(--field-border-focus) !important;
  outline: none !important;
  box-shadow: var(--field-ring) !important;
}
[data-theme] .hd-submit {
  height: 34px;
  border: 0;
  border-radius: 8px;
  background: var(--accent);
  color: var(--accent-fg);
  font: 600 13px "Geist", system-ui, sans-serif;
  cursor: pointer;
  padding: 0 14px;
  transition: background 0.12s;
  forced-color-adjust: none;
}

[data-theme] .hd-submit:hover {
  background: var(--primary-hover);
}

[data-theme] .hd-submit:disabled {
  opacity: 0.4;
  cursor: default;
}

[data-theme] .hd-field-error {
  font: 400 12px "Geist", system-ui, sans-serif;
  color: var(--danger-fg);
}

[data-theme] .hd-tickets-link {
  align-self: center;
  border: 0;
  background: transparent;
  font: 500 12.5px "Geist", system-ui, sans-serif;
  color: var(--fg-3);
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

[data-theme] .hd-tickets-link:hover {
  color: var(--fg);
  background: var(--bg-3);
}
[data-theme] .hd-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  padding: 56px 28px;
}

[data-theme] .hd-success svg {
  width: 24px;
  height: 24px;
  color: var(--accent-text);
  margin-bottom: 8px;
}

[data-theme] .hd-success-title {
  font: 600 14px "Geist", system-ui, sans-serif;
  color: var(--fg);
}

[data-theme] .hd-success-sub {
  font: 400 13px/1.5 "Geist", system-ui, sans-serif;
  color: var(--fg-3);
  max-width: 240px;
}

[data-theme] .hd-success .hd-submit {
  margin-top: 14px;
}
[data-theme] .dash-topnav {
  position: sticky; top: 0; z-index: var(--z-sticky);
  padding: 14px 0;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
[data-theme] .dash-topnav-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
[data-theme] .dash-topnav-left {
  display: flex; align-items: center; gap: 28px;
}
[data-theme] .dash-topnav-right {
  display: flex; align-items: center; gap: 12px;
}
[data-theme] .dash-topnav-links {
  display: flex; gap: 2px;
}
@media (max-width: 720px) {
  [data-theme] .dash-topnav-links { display: none; }
  [data-theme] .dash-topnav-inner {
    flex-wrap: nowrap;
    gap: 10px;
  }
  [data-theme] .dash-topnav-left { gap: 10px; }
  [data-theme] .dash-topnav-right { gap: 6px; }
  [data-theme] .dash-topnav-right .dash-nav-link { white-space: nowrap; padding: 7px 6px; }
  [data-theme] .dash-topnav-right .dash-upgrade-btn { white-space: nowrap; }
}

@media (max-width: 420px) {
  [data-theme] .dash-topnav-right > a.dash-nav-link { display: none; }
}

[data-theme] .dash-nav-link {
  text-decoration: none;
  color: var(--fg-2);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 12px;
  border-radius: var(--radius-sm);
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .dash-nav-link:hover,
[data-theme] .dash-nav-link:focus-visible {
  color: var(--fg);
  background: var(--hover-bg);
  outline: none;
}
[data-theme] .dash-nav-link.is-active {
  color: var(--fg);
  font-weight: 600;
}

[data-theme] .dash-credits-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 6px 6px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--bg-1);
  font-size: 13px;
  color: var(--fg-2);
}
[data-theme] .dash-credits-pill-count {
  font-family: var(--font-mono);
  font-weight: 600;
  color: var(--fg);
}

[data-theme] .dash-upgrade-btn {
  background: var(--fg);
  color: var(--bg);
  font-weight: 600;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  text-decoration: none;
  transition: background var(--t-base), transform var(--t-fast);
}
[data-theme] .dash-upgrade-btn:hover { background: color-mix(in srgb, var(--fg) 88%, transparent); }
[data-theme] .dash-upgrade-btn:active { transform: scale(0.97); }
[data-theme] .dash-upgrade-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-composer {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  transition: border-color var(--t-base), box-shadow var(--t-base);
}
[data-theme] .dash-composer:hover { border-color: var(--hover-border); }
[data-theme] .dash-composer:focus-within {
  border-color: var(--accent);
  box-shadow: var(--composer-focus-shadow);
}
[data-theme] .dash-composer textarea,
[data-theme] .dash-search input[type="search"] {
  background-color: transparent !important;
  border: 0 !important;
  color: var(--fg) !important;
}
[data-theme] .dash-composer textarea::-moz-placeholder, [data-theme] .dash-search input[type="search"]::-moz-placeholder {
  color: var(--fg-3) !important;
}
[data-theme] .dash-composer textarea::placeholder,
[data-theme] .dash-search input[type="search"]::placeholder {
  color: var(--fg-3) !important;
}
[data-theme] .dash-composer textarea:focus,
[data-theme] .dash-search input[type="search"]:focus {
  border: 0 !important;
  box-shadow: none !important;
}

[data-theme] .dash-composer-tool {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--fg-3);
  border-radius: var(--radius-xs);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .dash-composer-tool:hover { color: var(--fg); background: var(--hover-bg); }
[data-theme] .dash-composer-tool:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-composer-submit {
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background var(--t-base), transform var(--t-fast);
  forced-color-adjust: none;
}
[data-theme] .dash-composer-submit:hover { background: var(--primary-hover); }
[data-theme] .dash-composer-submit:active { transform: scale(0.96); }
[data-theme] .dash-composer-submit:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-prompt-chip {
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--chip-bg);
  color: var(--fg-2);
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base),
              color var(--t-base), transform var(--t-fast);
}
[data-theme] .dash-prompt-chip:hover {
  background: var(--chip-bg-hover);
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .dash-prompt-chip:active { transform: scale(0.98); }
[data-theme] .dash-prompt-chip:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-search {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--card-bg);
  transition: border-color var(--t-base);
}
[data-theme] .dash-search:hover,
[data-theme] .dash-search:focus-within { border-color: var(--hover-border); }

[data-theme] .dash-tabs {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-1);
}

[data-theme] .dash-tab {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--fg-3);
  border-radius: var(--radius-xs);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .dash-tab:hover { color: var(--fg); }
[data-theme] .dash-tab.is-active { background: var(--card-bg); color: var(--fg); }
[data-theme] .dash-tab:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-tab-count {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-4);
}
[data-theme] .dash-tab.is-active .dash-tab-count { color: var(--accent-text); }
[data-theme] .dash-app-card {
  text-decoration: none;
  color: inherit;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color var(--t-slow) var(--ease-out),
              transform var(--t-slow) var(--ease-out);
}
[data-theme] .dash-app-card:hover {
  border-color: var(--hover-border);
  transform: translateY(-2px);
}
[data-theme] .dash-app-card:focus-within {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .dash-app-card-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
[data-theme] .dash-app-card-overlay-link:focus-visible {
  outline: none;
}
[data-theme] .dash-app-card-url {
  position: relative;
  z-index: 2;
  display: inline-block;
  align-self: flex-start;
  max-width: 100%;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.01em;
  color: var(--fg-3);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color var(--t-slow) var(--ease-out);
}
[data-theme] .dash-app-card-url:hover {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 2px;
}
[data-theme] .dash-app-card-url:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
  border-radius: 2px;
}
[data-theme] .dash-app-card-url--empty {
  pointer-events: none;
  color: var(--fg-3);
}
[data-theme] .dash-app-card-url--empty:hover {
  color: var(--fg-3);
  text-decoration: none;
}
[data-theme] .dash-card-icon-nudge {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  color: var(--fg-2);
  font-size: 11px;
  letter-spacing: 0.01em;
}
[data-theme] .dash-card-icon-nudge svg {
  flex: none;
  color: var(--accent-text);
}
[data-theme] .dash-card-icon-nudge-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .dash-card-icon-nudge-form {
  margin-left: auto;
  flex: none;
}
[data-theme] .dash-card-icon-nudge-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  background: var(--accent);
  color: var(--accent-fg);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background var(--t-base), transform var(--t-fast);
  forced-color-adjust: none;
}
[data-theme] .dash-card-icon-nudge-btn:hover {
  background: var(--primary-hover);
}
[data-theme] .dash-card-icon-nudge-btn:active {
  transform: scale(0.96);
}
[data-theme] .dash-card-icon-nudge-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

[data-theme] .dash-app-card-thumb-initial {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 5vw, 72px);
  color: color-mix(in srgb, var(--fg) 25%, transparent);
  letter-spacing: -0.02em;
  transition: color var(--t-slow) var(--ease-out);
}
[data-theme] .dash-app-card:hover .dash-app-card-thumb-initial {
  color: color-mix(in srgb, var(--fg) 40%, transparent);
}

[data-theme] .dash-new-app-card {
  text-decoration: none;
  color: inherit;
  border: 1px dashed var(--line-2);
  background: transparent;
  border-radius: var(--radius-lg);
  transition: border-color var(--t-slow) var(--ease-out),
              background var(--t-slow) var(--ease-out),
              transform var(--t-slow) var(--ease-out);
}
[data-theme] .dash-new-app-card:hover {
  border-color: var(--hover-border);
  background: color-mix(in srgb, var(--fg) 3%, transparent);
  transform: translateY(-2px);
}
[data-theme] .dash-new-app-card:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-new-app-card-icon {
  background: var(--bg-3);
  color: var(--fg-2);
  transition: transform var(--t-base);
}
[data-theme] .dash-new-app-card:hover .dash-new-app-card-icon { transform: scale(1.05); }
[data-theme] .dash-foot-link {
  color: var(--fg-2);
  text-decoration: none;
  font-size: 14px;
  transition: color var(--t-base);
  border-radius: 2px;
}
[data-theme] .dash-foot-link:hover { color: var(--fg); }
[data-theme] .dash-foot-link:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .dash-hero-section{ padding: 96px 0 96px; border-bottom: 1px solid var(--line); }
[data-theme] .dash-hero-inner{ max-width: 720px; margin: 0 auto 28px; text-align: center; }
[data-theme] .dash-hero-eyebrow{ display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fg-3); margin-bottom: 18px; }
[data-theme] .dash-live-dot{ width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
[data-theme] .dash-hero-title{ font-family: var(--font-display); font-weight: 700; font-size: clamp(40px, 5.4vw, 64px); line-height: 1.0; letter-spacing: -0.025em; margin: 0 0 16px; color: var(--fg); }
[data-theme] .dash-hero-sub{ font-size: 16px; color: var(--fg-3); line-height: 1.55; margin: 0 auto; max-width: 56ch; }
[data-theme] .dash-hero-composer{ max-width: 760px; margin: 0 auto; }
[data-theme] .dash-hero-proof{ margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 14px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-3); }
[data-theme] .dash-proof-item--accent{ color: var(--accent-text); }
[data-theme] .dash-proof-item{ display: inline-flex; align-items: center; gap: 5px; }
[data-theme] .dash-apps-section{ padding: 48px 0 48px; }
[data-theme] .dash-apps-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 28px; }
[data-theme] .dash-apps-title{ font-family: var(--font-display); font-weight: 700; font-size: 32px; letter-spacing: -0.02em; margin: 0 0 6px; color: var(--fg); }
[data-theme] .dash-apps-count{ margin: 0; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.06em; color: var(--fg-3); text-transform: uppercase; }
[data-theme] .dash-apps-tools{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
[data-theme] .dash-search-inner{ display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; width: 280px; max-width: 100%; }
[data-theme] .dash-search-input{ flex: 1; border: 0; background: transparent; outline: none; font: 500 13px var(--font-body); color: var(--fg); }
[data-theme] .dash-tabs-inner{ display: inline-flex; padding: 3px; }
[data-theme] .dash-apps-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
[data-theme] .dash-pos-rel{ position: relative; }
[data-theme] .dash-card-status{ position: absolute; top: 12px; left: 12px; z-index: 1; height: 24px; padding: 0 9px; border-radius: var(--radius-pill); background: color-mix(in srgb, var(--bg) 80%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid var(--line); font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; color: var(--fg-2); display: inline-flex; align-items: center; gap: 6px; }
[data-theme] .dash-card-body{ padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; }
[data-theme] .dash-card-name{ font-family: var(--font-body); font-size: 15px; font-weight: 600; line-height: 1.25; margin: 0; color: var(--fg); letter-spacing: -0.005em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .dash-card-meta{ display: flex; align-items: center; gap: 14px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--line); font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); text-transform: uppercase; }
[data-theme] .dash-foot-glyph{ width: 44px; height: 44px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; }
[data-theme] .dash-foot-section{ background: var(--bg-1); border-top: 1px solid var(--line); padding: 64px 0 32px; }
[data-theme] .dash-foot-grid-inner{ display: grid; grid-template-columns: 1.4fr repeat(5, 1fr); gap: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--line); }
[data-theme] .dash-foot-blurb{ margin: 0; font-size: 13px; color: var(--fg-3); max-width: 24ch; line-height: 1.45; }
[data-theme] .dash-foot-note{ margin: 14px 0 0; color: var(--fg-3); font-size: 14px; line-height: 1.5; }
[data-theme] .dash-foot-bottom{ margin-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--fg-3); font-size: 13px; font-family: var(--font-mono); }
[data-theme] .dash-foot-heading{ font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg-4); margin: 0 0 14px; font-weight: 600; }
[data-theme] .dash-foot-list{ list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
[data-theme] .dash-foot-soon{ display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--fg-4); opacity: 0.6; }
[data-theme] .dash-empty-title{ font-family: var(--font-display); font-size: 18px; letter-spacing: -0.01em; margin: 0 0 4px; color: var(--fg); }
[data-theme] .dash-card-thumb{ position: relative; aspect-ratio: 16 / 10; border-bottom: 1px solid var(--line); overflow: hidden; display: flex; align-items: center; justify-content: center; }
[data-theme] .dash-card-menu{ position: absolute; top: 10px; right: 10px; z-index: 3; }
[data-theme] .dash-card-menu-trigger{
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--bg) 80%, transparent);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: 1px solid var(--line);
  color: var(--fg-2);
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
}
[data-theme] .dash-card-menu-trigger:hover{ background: var(--hover-bg); color: var(--fg); border-color: var(--hover-border); }
[data-theme] .dash-card-menu-trigger:focus-visible{ outline: 0; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent); }
[data-theme] .dash-card-menu-panel{
  position: absolute; top: calc(100% + 6px); right: 0;
  width: 244px;
  background: var(--card-bg);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  box-shadow: 0 12px 32px -12px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.06);
  overflow: hidden;
  z-index: var(--z-dropdown);
  padding: 6px 0;
  color: var(--fg);
}
[data-theme] .dash-card-menu-panel.hidden{ display: none; }
[data-theme] .dash-card-menu-item{
  display: flex; align-items: center; gap: 10px;
  width: 100%;
  padding: 8px 14px;
  font: 500 13px var(--font-body);
  color: var(--fg-2);
  text-decoration: none;
  background: transparent; border: 0; cursor: pointer; text-align: left;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .dash-card-menu-item:hover{ background: var(--hover-bg); color: var(--fg); }
[data-theme] .dash-card-menu-item svg{ width: 16px; height: 16px; flex-shrink: 0; color: var(--fg-3); }
[data-theme] .dash-card-menu-item:hover svg{ color: var(--fg); }
[data-theme] .dash-card-menu-item--danger{ color: var(--danger-fg); }
[data-theme] .dash-card-menu-item--danger:hover{ background: color-mix(in srgb, var(--danger-fg) 12%, transparent); color: var(--danger-fg); }
[data-theme] .dash-card-menu-item--danger svg{ color: var(--danger-fg); }
[data-theme] .dash-card-menu-divider{ height: 1px; background: var(--line); margin: 6px 0; }
[data-theme] .dash-card-menu-delete-form,
[data-theme] .dash-card-menu-form{ margin: 0; }
[data-theme] .dash-card-menu-sub{ margin: 0; }
[data-theme] .dash-card-menu-sub > summary{ list-style: none; cursor: pointer; }
[data-theme] .dash-card-menu-sub > summary::-webkit-details-marker{ display: none; }
[data-theme] .dash-card-menu-sub > summary::marker{ content: ""; }
[data-theme] .dash-card-menu-sub[open] > summary{ background: var(--hover-bg); color: var(--fg); }
[data-theme] .dash-card-menu-renameform{
  display: flex; align-items: center; gap: 6px;
  margin: 0; padding: 6px 14px 10px;
}
[data-theme] .dash-card-menu-renameinput{
  flex: 1 1 auto; min-width: 0;
  height: 30px; padding: 0 9px;
  font: 400 13px var(--font-body);
  color: var(--fg);
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
}
[data-theme] .dash-card-menu-renameinput:focus{
  outline: 0; border-color: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);
}
[data-theme] .dash-card-menu-renamesave{ flex: 0 0 auto; }
[data-theme] .dash-apps-msg{
  display: flex; align-items: flex-start; gap: 9px;
  margin: 0 0 18px;
  padding: 11px 14px;
  border-radius: var(--radius-md);
  font: 500 13.5px var(--font-body);
  color: var(--fg-2);
}
[data-theme] .dash-apps-msg svg{ flex-shrink: 0; margin-top: 1px; }
[data-theme] .dash-apps-msg--danger{
  border: 1px solid var(--danger-fg);
  background: color-mix(in srgb, var(--danger-fg) 14%, var(--bg-1));
  color: color-mix(in srgb, var(--danger-fg) 32%, var(--fg-2));
}
[data-theme] .dash-apps-msg--danger svg{ color: var(--danger-fg); }
[data-theme] .dash-apps-msg--success{
  border: 1px solid var(--success-fg);
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
}
[data-theme] .dash-apps-msg--success svg{ color: var(--success-fg); }
[data-theme] .dash-apps-archived-note{
  margin: 0 0 18px;
  font: 400 13.5px var(--font-body);
  color: var(--fg-3);
}
[data-theme] .dash-apps-archived-empty{
  margin: 24px 0 0;
  font: 400 14px var(--font-body);
  color: var(--fg-3);
  text-align: center;
}
[data-theme] .dash-live-dot--status{ background: none; box-shadow: none; }
[data-theme] .dash-live-dot--building{ animation: ds-building-pulse 1.6s ease-in-out infinite; }
@keyframes ds-building-pulse {
  0%, 100% { opacity: 1;    transform: scale(1);   }
  50%      { opacity: 0.4;  transform: scale(0.72); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .dash-live-dot--building{ animation: none; }
}
[data-theme] .credits-widget {
  position: relative;
  display: inline-flex;
}
[data-theme] .credits-widget .credits-bridge {
  position: absolute;
  top: 100%;
  right: -8px;
  width: calc(320px + 16px);
  height: 360px;
  z-index: 1;
  background: transparent;
  display: none;
  pointer-events: none;
}

[data-theme] .credits-widget.show .credits-bridge {
  display: block;
  pointer-events: auto;
}

[data-theme] .credits-trigger,
[data-theme] .credits-upgrade {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 7px;
  font: 600 13px/1 var(--font-body);
  letter-spacing: -0.005em;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

[data-theme] .credits-trigger {
  gap: 8px;
  background: var(--bg-2);
  border: 1px solid color-mix(in srgb, var(--fg) 8%, transparent);
  color: var(--fg);
}

[data-theme] .credits-trigger:hover,
[data-theme] .credits-trigger[aria-expanded="true"] {
  background: var(--bg-3);
  border-color: color-mix(in srgb, var(--fg) 14%, transparent);
}

[data-theme] .credits-trigger .spark {
  width: 14px;
  height: 14px;
  color: var(--accent-text);
  flex-shrink: 0;
}
@media (max-width: 480px) {
  [data-theme] .credits-widget .credits-trigger .num {
    display: none;
  }
  [data-theme] .credits-widget .credits-trigger {
    padding: 0 10px;
    gap: 0;
  }
  [data-theme] .dash-topnav .credits-widget .credits-trigger {
    width: 32px;
    height: 32px;
    padding: 0;
    justify-content: center;
  }
  [data-theme] .credits-upgrade {
    display: none;
  }
}
[data-theme] .credits-upgrade {
  background: var(--fg);
  color: var(--bg);
  border: 1px solid transparent;
}

[data-theme] .credits-upgrade:hover {
  background: color-mix(in srgb, var(--fg) 88%, var(--bg-3));
}
@property --credits-cta-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
[data-theme] .credits-upgrade--attention {
  position: relative;
  z-index: 0;
}
[data-theme] .credits-upgrade--attention::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 9px;
  padding: 2px;
  background: conic-gradient(
    from var(--credits-cta-angle),
    transparent 0%,
    color-mix(in srgb, var(--accent) 25%, transparent) 20%,
    var(--accent) 50%,
    color-mix(in srgb, var(--accent) 25%, transparent) 80%,
    transparent 100%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: credits-cta-rotate 3s linear infinite;
  z-index: -1;
  pointer-events: none;
}
@keyframes credits-cta-rotate {
  to {
    --credits-cta-angle: 360deg;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .credits-upgrade--attention::before {
    animation: none;
  }
}
[data-theme] .credits-upgrade--event-glow,
[data-theme] .cp-plan-upgrade--event-glow {
  position: relative;
  z-index: 0;
}
[data-theme] .credits-upgrade--event-glow::before,
[data-theme] .cp-plan-upgrade--event-glow::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 9px;
  padding: 2px;
  background: conic-gradient(
    from var(--credits-cta-angle),
    var(--accent-2),
    var(--accent),
    #eafff0,
    var(--accent),
    var(--accent-2)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: credits-cta-rotate 2s linear infinite;
  z-index: -1;
  pointer-events: none;
}
[data-theme] .credits-upgrade--event-glow::after,
[data-theme] .cp-plan-upgrade--event-glow::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 9px;
  background: conic-gradient(
    from var(--credits-cta-angle),
    var(--accent-2),
    var(--accent),
    #eafff0,
    var(--accent),
    var(--accent-2)
  );
  filter: blur(8px);
  opacity: 0.35;
  animation: credits-cta-rotate 2s linear infinite;
  z-index: -2;
  pointer-events: none;
}
[data-theme] .credits-upgrade-2x,
[data-theme] .cp-plan-upgrade-2x {
  position: absolute;
  top: -9px;
  right: -8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-fg);
  font: 700 11px var(--font-body);
  letter-spacing: 0;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--bg-1), 0 2px 8px color-mix(in srgb, var(--accent) 45%, transparent);
  pointer-events: none;
}
[data-theme] .cp-plan-upgrade--event-glow {
  padding-right: 2px;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .credits-upgrade--event-glow::before,
  [data-theme] .credits-upgrade--event-glow::after,
  [data-theme] .cp-plan-upgrade--event-glow::before,
  [data-theme] .cp-plan-upgrade--event-glow::after {
    animation: none;
  }
}
[data-theme] .credits-trigger.is-exhausted {
  border-color: color-mix(in srgb, var(--warning-fg) 40%, transparent);
}
[data-theme] .credits-trigger.is-exhausted .num,
[data-theme] .credits-trigger.is-exhausted .spark {
  color: var(--warning-fg);
}
[data-theme] .credits-topup-now {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: var(--accent);
  color: var(--accent-fg);
  font: 600 13px/1 var(--font-body);
  letter-spacing: -0.005em;
  white-space: nowrap;
  cursor: pointer;
  forced-color-adjust: none;
  transition: background 0.15s, color 0.15s;
}
[data-theme] .credits-topup-now:hover {
  background: color-mix(in srgb, var(--accent) 88%, #000);
}
[data-theme] .credits-topup-now svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
[data-theme] .credits-pop {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 320px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px 12px;
  box-shadow:
    rgba(255, 255, 255, 0.03) 0 1px 0 inset,
    rgba(0, 0, 0, 0.55) 0 24px 60px -20px,
    rgba(0, 0, 0, 0.3) 0 10px 24px -10px;
  z-index: 65;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition:
    opacity 140ms,
    transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

:root[data-theme="light"] .credits-pop {
  background: #ffffff;
  box-shadow:
    rgba(15, 23, 42, 0.04) 0 1px 2px,
    rgba(15, 23, 42, 0.18) 0 24px 60px -20px,
    rgba(15, 23, 42, 0.10) 0 10px 24px -10px;
}

[data-theme] .credits-widget.show .credits-pop {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
[data-theme] .credits-pop::before {
  content: "";
  position: absolute;
  inset: -10px -8px auto;
  height: 14px;
  background: transparent;
}
[data-theme] .cp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 0 10px;
}

[data-theme] .cp-plan {
  font: 600 13.5px var(--font-body);
  letter-spacing: -0.005em;
  color: var(--fg);
}

[data-theme] .cp-plan-upgrade {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font: 600 12.5px var(--font-body);
  color: var(--accent-text);
  text-decoration: none;
  transition: color 0.15s, gap 0.15s;
}

[data-theme] .cp-plan-upgrade svg {
  width: 12px;
  height: 12px;
  transition: transform 0.15s;
}

[data-theme] .cp-plan-upgrade:hover {
  color: var(--accent-text-hover);
  gap: 6px;
}

[data-theme] .cp-plan-upgrade:hover svg {
  transform: translateX(2px);
}
[data-theme] .cp-divider {
  height: 1px;
  background: transparent;
  border-top: 1px dashed var(--line-2);
  margin: 0 -4px 8px;
}
[data-theme] .cp-total {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 0;
}

[data-theme] .cp-total-val {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--fg);
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

[data-theme] .cp-total-unit {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 500;
}
[data-theme] .cp-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 2px;
}

[data-theme] .cp-row-l {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--fg);
  font-weight: 500;
}

[data-theme] .cp-row-l .info {
  width: 13px;
  height: 13px;
  color: var(--fg-4, var(--fg-3));
  cursor: help;
  transition: color 0.15s;
}

[data-theme] .cp-row-l .info:hover {
  color: var(--fg-2);
}

[data-theme] .cp-row-r {
  font-size: 14px;
  color: var(--fg);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

[data-theme] .cp-row-r.mono {
  font-family: "JetBrains Mono", monospace;
}

[data-theme] .cp-row-of {
  color: var(--fg-4, var(--fg-3));
  font-weight: 400;
}
[data-theme] .cp-tip {
  position: relative;
  display: inline-flex;
  align-items: center;
}

[data-theme] .cp-tip::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(2px);
  background: var(--bg-3);
  color: var(--fg);
  border: 1px solid var(--line-2);
  border-radius: 6px;
  padding: 5px 8px;
  font: 500 11.5px var(--font-body);
  letter-spacing: -0.005em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms, transform 160ms;
  z-index: 70;
}

:root[data-theme="light"] .cp-tip::after {
  background: #0f0f0f;
  color: #ffffff;
  border-color: #0f0f0f;
}

[data-theme] .cp-tip:hover::after,
[data-theme] .cp-tip:focus-within::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
[data-theme] .cp-foot {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

[data-theme] .cp-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font: 600 13px var(--font-body);
  color: var(--fg);
  text-decoration: none;
  padding: 4px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.15s;
}

[data-theme] .cp-link:hover {
  color: var(--accent-text);
}

[data-theme] .cp-link svg {
  width: 13px;
  height: 13px;
  color: var(--fg-4, var(--fg-3));
  transition: color 0.15s;
}

[data-theme] .cp-link:hover svg {
  color: var(--accent-text);
}
[data-theme] .theme-switcher {
  position: relative;
  display: inline-flex;
}

[data-theme] .theme-switcher.show .theme-switcher-trigger {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line-2);
}

[data-theme] .theme-switcher-pop {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  box-shadow:
    rgba(255, 255, 255, 0.03) 0 1px 0 inset,
    rgba(0, 0, 0, 0.5) 0 10px 24px -8px,
    rgba(0, 0, 0, 0.25) 0 4px 10px;
  z-index: 60;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 140ms,
    transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

:root[data-theme="light"] .theme-switcher-pop {
  background: #ffffff;
  box-shadow:
    rgba(15, 23, 42, 0.04) 0 1px 2px,
    rgba(15, 23, 42, 0.14) 0 10px 24px -8px,
    rgba(15, 23, 42, 0.06) 0 4px 10px;
}

[data-theme] .theme-switcher.show .theme-switcher-pop {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
[data-theme] .theme-switcher-pop::before {
  content: "";
  position: absolute;
  inset: -10px -8px auto;
  height: 14px;
  background: transparent;
}

[data-theme] .theme-switcher-opt {
  position: relative;
  width: 30px;
  height: 30px;
  background: transparent;
  border: 0;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  cursor: pointer;
  transition: background 120ms, color 120ms;
}

[data-theme] .theme-switcher-opt:hover {
  background: var(--bg-3);
  color: var(--fg);
}
[data-theme] .theme-switcher-opt.is-active,
[data-theme] .theme-switcher-opt.active {
  background: var(--bg-3);
  color: var(--accent-text);
}

[data-theme] .theme-switcher-opt svg {
  width: 15px;
  height: 15px;
}
[data-theme] .theme-switcher-opt-label {
  position: absolute;
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) translateX(4px);
  font: 500 11px var(--font-body);
  letter-spacing: 0.01em;
  color: var(--fg-2);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 3px 7px;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.18);
  opacity: 0;
  pointer-events: none;
  transition: opacity 110ms, transform 160ms;
}

[data-theme] .theme-switcher-opt:hover .theme-switcher-opt-label {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
@media (max-width: 480px) {
  [data-theme] .credits-pop {
    position: fixed;
    top: 64px;
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
  }
  [data-theme] .credits-widget .credits-bridge {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    width: 100vw;
    height: 16px;
  }
}
[data-theme] .pr-hero {
  padding: 64px 0 32px;
  text-align: center;
  border-bottom: 1px solid var(--line);
  position: relative;
}
[data-theme] .pr-hero .ds-container { position: relative; z-index: 1; }

[data-theme] .pr-hero .pr-eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 18px;
}

[data-theme] .pr-hero h1 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1;
  letter-spacing: -0.025em;
  color: var(--fg);
  margin: 0 auto 20px;
  max-width: 16ch;
}
[data-theme] .pr-hero h1 .accent { color: var(--accent-text); }

[data-theme] .pr-hero p {
  margin: 0 auto;
  max-width: 56ch;
  font-size: 17px;
  line-height: 1.55;
  color: var(--fg-3);
}
[data-theme] .billing-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 36px auto 0;
}
[data-theme] .billing-toggle-label {
  font: 500 13px var(--font-body);
  color: var(--fg-3);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: color var(--t-base) var(--ease-out);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .billing-toggle-label.active { color: var(--fg); }
[data-theme] .billing-toggle-label:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--radius-pill);
}
[data-theme] .billing-toggle-track {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  width: 44px;
  align-items: center;
  padding: 0;
  border: 2px solid transparent;
  background: var(--line);
  border-radius: 9999px;
  cursor: pointer;
  transition: background-color var(--t-base) var(--ease-out);
}
[data-theme] .billing-toggle-track:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .billing-toggle-track.is-on { background: var(--accent); }
[data-theme] .billing-toggle-knob {
  pointer-events: none;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 9999px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transform: translateX(0);
  transition: transform .2s var(--ease-out);
}
[data-theme] .billing-toggle-knob.is-on { transform: translateX(20px); }
[data-theme] .billing-toggle .save {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent-text);
}
[data-theme] .billing-toggle-label.active .save {
  color: var(--accent-text);
  opacity: 1;
}
[data-theme] .tiers {
  margin: 56px 0 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  background: var(--bg-1);
  list-style: none;
  padding: 0;
}

[data-theme] .tier {
  padding: 32px 28px 36px;
  border-right: 1px solid var(--line);
  background: var(--bg-1);
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}
[data-theme] .tier:last-child { border-right: 0; }

[data-theme] .tier-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.015em;
  color: var(--fg);
  margin: 0 0 4px;
}
[data-theme] .tier-tag {
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin: 0 0 22px;
}

[data-theme] .tier-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 6px;
}
[data-theme] .tier-price.hidden,
[data-theme] .tier-save.hidden { display: none; }
[data-theme] .tier-price .amt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 56px;
  letter-spacing: -0.04em;
  color: var(--fg);
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  transition: color var(--t-base) var(--ease-out);
}
[data-theme] .tier-price .cur {
  font-family: var(--font-display);
  font-size: 32px;
  color: var(--fg-3);
  margin-right: -2px;
  vertical-align: top;
}
[data-theme] .tier-price .per {
  font-size: 14px;
  color: var(--fg-3);
}
[data-theme] .tier-price[data-billing="yearly"] .amt {
  color: var(--accent-text);
}
[data-theme] .tier-price-wrap { margin: 0 0 6px; }
[data-theme] .tier-price-wrap .tier-price { margin: 0; }
[data-theme] .tier-save {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin: 6px 0 0;
}

[data-theme] .tier-note {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 12px;
  min-height: 32px;
}
[data-theme] .tier-sub {
  font-size: 13px;
  color: var(--fg-3);
  line-height: 1.5;
  margin: 0 0 16px;
  height: 60px;
}

[data-theme] .credit-addon {
  margin: 0 0 24px;
}
[data-theme] .credit-addon-spacer {
  height: 44px;
  margin: 0 0 24px;
}
[data-theme] .tier-price .amt-tba {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 56px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--fg-3);
}
[data-theme] .credit-addon select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 38px;
  padding: 0 36px 0 14px;
  background: var(--bg);
  border: 1px dashed var(--line-2);
  border-radius: 8px;
  color: var(--fg-3);
  font: 600 10.5px var(--font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .credit-addon select:hover {
  border-color: var(--accent);
  color: var(--fg-2);
}
[data-theme] .credit-addon select:focus {
  outline: 0;
  border-color: var(--accent);
  color: var(--fg);
  box-shadow: var(--focus-ring);
}
[data-theme] .credit-addon { position: relative; }
[data-theme] .credit-addon::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 1.5px solid var(--fg-3);
  border-bottom: 1.5px solid var(--fg-3);
  transform: rotate(45deg);
  pointer-events: none;
}

[data-theme] .tier-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 20px;
  font: 600 14px var(--font-body);
  background: transparent;
  color: var(--fg);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out),
              transform var(--t-fast) var(--ease-out);
}
[data-theme] .tier-cta:hover {
  background: var(--hover-bg);
  border-color: var(--hover-border);
}
[data-theme] .tier-cta:active { transform: scale(0.98); }
[data-theme] .tier-cta:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .tier-cta--coming-soon {
  background: transparent;
  color: var(--fg-3);
  border: 1px dashed var(--line-2);
  cursor: not-allowed;
}
[data-theme] .tier-cta--coming-soon:hover,
[data-theme] .tier-cta--coming-soon:focus-visible {
  background: transparent;
  border-color: var(--line-2);
  color: var(--fg-3);
  transform: none;
  box-shadow: none;
}
[data-theme] .tier.is-coming-soon { opacity: 0.92; }
[data-theme] .tier-cta--locked {
  background: transparent;
  color: var(--fg-2);
  border: 1px dashed var(--line-2);
}
[data-theme] .tier-cta--locked:hover {
  background: var(--hover-bg);
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .tier.featured .tier-cta--locked {
  background: transparent;
  color: var(--fg-2);
  border: 1px dashed var(--line-2);
}
[data-theme] .tier.featured .tier-cta--locked:hover {
  background: var(--hover-bg);
  color: var(--fg);
  transform: none;
}

[data-theme] .tier-feat-head {
  font: 600 10.5px var(--font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin: 28px 0 12px;
  padding-top: 16px;
  border-top: 1px dashed var(--line-2);
}
[data-theme] .tier ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[data-theme] .tier li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.45;
}
[data-theme] .tier li svg {
  width: 14px;
  height: 14px;
  color: var(--accent-text);
  flex-shrink: 0;
  margin-top: 3px;
}
[data-theme] .tier li strong { color: var(--fg); font-weight: 600; }
[data-theme] .tier.featured {
  background: var(--bg);
  border-left: 1px solid var(--accent);
  border-right: 1px solid var(--accent);
  margin: -1px;
  box-shadow: 0 0 0 1px var(--accent);
  z-index: 2;
}
[data-theme] .tier.featured::before {
  content: "Most popular";
  position: absolute;
  top: 14px;
  right: 14px;
  background: var(--accent);
  color: var(--accent-fg);
  font: 700 10px var(--font-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  forced-color-adjust: none;
}
[data-theme] .tier.featured .tier-cta {
  background: var(--accent);
  color: var(--accent-fg);
  border-color: transparent;
  forced-color-adjust: none;
}
[data-theme] .tier.featured .tier-cta:hover {
  background: var(--primary-hover);
  transform: translateY(-1px);
}
[data-theme] .compare-wrap {
  margin-top: 96px;
  text-align: center;
}
[data-theme] .compare-wrap h2 {
  font: 700 36px var(--font-display);
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  color: var(--fg);
}
[data-theme] .compare-sub {
  color: var(--fg-3);
  font-size: 15px;
  margin: 0 0 32px;
}

[data-theme] .compare {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  font-size: 13.5px;
  text-align: left;
}
[data-theme] .compare th,
[data-theme] .compare td {
  padding: 16px 20px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  color: var(--fg-2);
  vertical-align: middle;
}
[data-theme] .compare tr:last-child th,
[data-theme] .compare tr:last-child td { border-bottom: 0; }
[data-theme] .compare th:last-child,
[data-theme] .compare td:last-child { border-right: 0; }

[data-theme] .compare thead th {
  background: var(--bg-1);
  font: 600 11px var(--font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
}
[data-theme] .compare thead th.feat {
  background: color-mix(in srgb, var(--accent) 10%, var(--bg-1));
  color: var(--fg-2);
}

[data-theme] .compare tbody th {
  background: var(--bg-1);
  color: var(--fg);
  font-weight: 500;
  width: 28%;
}
[data-theme] .compare tbody td.feat {
  background: color-mix(in srgb, var(--accent) 5%, var(--bg));
}

[data-theme] .compare .y {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--accent-text);
}
[data-theme] .compare .n {
  font-size: 14px;
  color: var(--fg-4);
}
[data-theme] .compare .soon,
[data-theme] .compare-list .soon {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--warning-fg);
  background: color-mix(in srgb, var(--warning-fg) 14%, var(--bg-1));
  border: 1px solid color-mix(in srgb, var(--warning-fg) 40%, transparent);
  padding: 2px 8px;
  border-radius: 4px;
}
[data-theme] .compare-mobile { display: none; }
[data-theme] .compare-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 4px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  margin: 0 0 16px;
}
[data-theme] .compare-tab {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 10px 12px;
  font: 600 13px var(--font-body);
  color: var(--fg-3);
  border-radius: var(--radius-xs);
  transition: background var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
  white-space: nowrap;
}
[data-theme] .compare-tab:hover { color: var(--fg); }
[data-theme] .compare-tab:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .compare-tab.is-active {
  background: var(--card-bg);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}
[data-theme] .compare-tab.is-featured.is-active {
  background: color-mix(in srgb, var(--accent) 10%, var(--card-bg));
  color: var(--fg);
}

[data-theme] .compare-panel {
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--card-bg);
}
[data-theme] .compare-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
[data-theme] .compare-list-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  font-size: 13.5px;
  text-align: left;
}
[data-theme] .compare-list-row:last-child { border-bottom: 0; }
[data-theme] .compare-list-row dt {
  color: var(--fg);
  font-weight: 500;
  margin: 0;
}
[data-theme] .compare-list-row dd {
  margin: 0;
  color: var(--fg-2);
  text-align: right;
  white-space: nowrap;
}
[data-theme] .compare-list .y {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--accent-text);
}
[data-theme] .compare-list .n {
  font-size: 14px;
  color: var(--fg-4);
}
[data-theme] .ent {
  margin-top: 56px;
  padding: 32px 40px;
  border-radius: 14px;
  background: #0f0f10;
  color: #e9e9ec;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
}
[data-theme="light"] .ent { background: #111114; }
[data-theme] .ent h2 {
  font: 700 22px var(--font-display);
  letter-spacing: -0.015em;
  color: #fff;
  margin: 0 0 8px;
}
[data-theme] .ent p {
  margin: 0 0 18px;
  font-size: 13.5px;
  color: #9a9aa3;
}
[data-theme] .ent ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 32px;
}
[data-theme] .ent li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13.5px;
  color: #c9c9d0;
  line-height: 1.5;
}
[data-theme] .ent li svg {
  width: 14px;
  height: 14px;
  color: var(--accent-text);
  flex-shrink: 0;
  margin-top: 3px;
}
[data-theme] .ent-cta-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
[data-theme] .ent-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #0f0f10;
  border: 0;
  border-radius: 8px;
  padding: 0 22px;
  height: 44px;
  font: 600 14px var(--font-body);
  text-decoration: none;
  transition: opacity var(--t-base) var(--ease-out), transform var(--t-fast) var(--ease-out);
}
[data-theme] .ent-cta:hover { opacity: 0.9; transform: translateY(-1px); }
[data-theme] .ent-cta:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .metered {
  margin-top: 56px;
  padding: 32px 40px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 32px;
  align-items: center;
}
[data-theme] .metered-eyebrow {
  font: 600 12px/1 var(--font-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin: 0 0 10px;
}
[data-theme] .metered h2 {
  font: 700 22px var(--font-display);
  letter-spacing: -0.015em;
  color: var(--fg);
  margin: 0 0 8px;
}
[data-theme] .metered p {
  margin: 0;
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.6;
}
[data-theme] .metered-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
[data-theme] .metered-points li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.5;
}
[data-theme] .metered-points li svg {
  width: 14px;
  height: 14px;
  color: var(--accent-text);
  flex-shrink: 0;
  margin-top: 3px;
}
[data-theme] .faq-section {
  margin: 96px auto 0;
  max-width: 720px;
  text-align: center;
}
[data-theme] .faq-section h2 {
  font: 700 36px var(--font-display);
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 40px;
}
[data-theme] .faq-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: left;
}
[data-theme] .faq-item h3 {
  font: 600 15px var(--font-body);
  letter-spacing: -0.005em;
  color: var(--fg);
  margin: 0 0 8px;
}
[data-theme] .faq-item p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .faq-item p a {
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}
[data-theme] .faq-item p a:hover {
  color: var(--accent-text-hover);
}
[data-theme] .build-cta {
  margin: 96px 0 0;
  padding: 80px 64px;
  text-align: center;
  background: #0f0f10;
  color: #fff;
  margin-left:  calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}
[data-theme="light"] .build-cta { background: #111114; }
[data-theme] .build-cta h2 {
  font: 700 clamp(32px, 4.5vw, 48px) var(--font-display);
  letter-spacing: -0.025em;
  line-height: 1;
  color: #fff;
  margin: 0 0 14px;
}
[data-theme] .build-cta p {
  margin: 0 auto 28px;
  max-width: 50ch;
  font-size: 15px;
  color: #9a9aa3;
}
[data-theme] .build-cta p .build-cta-line {
  display: block;
}
[data-theme] .build-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 24px;
  font: 600 14px var(--font-body);
  background: #fff;
  color: #0f0f10;
  border: 0;
  border-radius: 8px;
  text-decoration: none;
  transition: opacity var(--t-base) var(--ease-out);
}
[data-theme] .build-cta-btn:hover { opacity: 0.9; }
[data-theme] .build-cta-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .pricing-page + .foot { margin-top: 0; }
@media (max-width: 1100px) {
  [data-theme] .tiers { grid-template-columns: repeat(2, 1fr); }
  [data-theme] .tier:nth-child(2n) { border-right: 0; }
  [data-theme] .tier:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  [data-theme] .tier.featured { margin: 0; box-shadow: inset 0 0 0 1px var(--accent); border-left-color: transparent; border-right-color: transparent; }
}

@media (max-width: 800px) {
  [data-theme] .ent {
    grid-template-columns: 1fr;
    padding: 28px;
  }
  [data-theme] .metered {
    grid-template-columns: 1fr;
    padding: 28px;
  }
  [data-theme] .ent-cta-wrap { justify-content: flex-start; }
  [data-theme] .build-cta { padding: 64px 24px; }
  [data-theme] .compare-desktop { display: none; }
  [data-theme] .compare-mobile  { display: block; }
}

@media (max-width: 640px) {
  [data-theme] .tiers { grid-template-columns: 1fr; }
  [data-theme] .tier {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  [data-theme] .tier:last-child { border-bottom: 0; }
  [data-theme] .ent ul { grid-template-columns: 1fr; }
}
[data-theme] turbo-frame.ti-frame {
  display: block;
  position: relative;
}
[data-theme] .ti-results {
  transition: opacity var(--t-base) var(--ease-out);
}
[data-theme] turbo-frame.ti-frame[aria-busy="true"] .ti-results {
  opacity: 0.45;
  pointer-events: none;
}
[data-theme] .ti-loading {
  display: none;
  position: absolute;
  top: 160px;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  border: 3px solid var(--line);
  border-top-color: var(--accent);
  border-radius: var(--radius-pill);
  z-index: 3;
}
[data-theme] turbo-frame.ti-frame[aria-busy="true"] .ti-loading {
  display: block;
  animation: ti-spin 0.7s linear infinite;
}

@keyframes ti-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] turbo-frame.ti-frame[aria-busy="true"] .ti-loading {
    animation: none;
  }
  [data-theme] .ti-results {
    transition: none;
  }
}
[data-theme] .ti-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin: 0 0 28px;
}

[data-theme] .ti-toolbar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
  flex: 1 1 0;
}
[data-theme] .ti-sort-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
[data-theme] .ti-cat-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 0;
  min-width: 0;
}
[data-theme] .ti-search {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 14px;
  width: 320px;
  max-width: 100%;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  transition: border-color var(--t-base);
}
[data-theme] .ti-search:hover,
[data-theme] .ti-search:focus-within { border-color: var(--hover-border); }

[data-theme] .ti-search input[type="search"],
[data-theme] .ti-search input[type="text"] {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  font: 500 13px var(--font-body);
  color: var(--fg);
}
[data-theme] .ti-search input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .ti-search input::placeholder { color: var(--fg-4); }

[data-theme] .ti-search-icon {
  width: 14px;
  height: 14px;
  color: var(--fg-4);
  flex: 0 0 14px;
}

[data-theme] .ti-search-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-pill);
  color: var(--fg-4);
  transition: background var(--t-fast), color var(--t-fast);
}
[data-theme] .ti-search-clear:hover { background: var(--hover-bg); color: var(--fg-2); }
[data-theme] .ti-cat-chips-scroller {
  position: relative;
  display: block;
  flex: 1 1 0;
  min-width: 0;
  background: var(--bg-1);
  border-radius: var(--radius-sm);
}
[data-theme] .ti-cat-chips-scroller::before,
[data-theme] .ti-cat-chips-scroller::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--t-fast);
  z-index: 1;
  border-radius: var(--radius-sm);
}
[data-theme] .ti-cat-chips-scroller::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-1), transparent);
}
[data-theme] .ti-cat-chips-scroller::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-1), transparent);
}
[data-theme] .ti-cat-chips-scroller[data-scroll-fade-state="start"]::after,
[data-theme] .ti-cat-chips-scroller[data-scroll-fade-state="middle"]::before,
[data-theme] .ti-cat-chips-scroller[data-scroll-fade-state="middle"]::after,
[data-theme] .ti-cat-chips-scroller[data-scroll-fade-state="end"]::before,
[data-theme] .ti-cat-nav[data-scroll-fade-state="start"] .ti-cat-chips-scroller::after,
[data-theme] .ti-cat-nav[data-scroll-fade-state="middle"] .ti-cat-chips-scroller::before,
[data-theme] .ti-cat-nav[data-scroll-fade-state="middle"] .ti-cat-chips-scroller::after,
[data-theme] .ti-cat-nav[data-scroll-fade-state="end"] .ti-cat-chips-scroller::before {
  opacity: 1;
}

[data-theme] .ti-cat-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 3px;
  background: var(--bg-1);
  border-radius: var(--radius-sm);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
[data-theme] .ti-cat-chips::-webkit-scrollbar { display: none; }

[data-theme] .ti-cat-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 12px;
  border-radius: calc(var(--radius-sm) - 2px);
  color: var(--fg-3);
  font: 500 13px var(--font-body);
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
  flex: 0 0 auto;
  white-space: nowrap;
}
[data-theme] .ti-cat-chip:hover { color: var(--fg); }
[data-theme] .ti-cat-chip.is-active {
  background: var(--card-bg);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}
[data-theme] .ti-cat-chip-count {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  color: var(--fg-4);
}
[data-theme] .ti-cat-chip.is-active .ti-cat-chip-count { color: var(--accent-text); }
[data-theme] .ti-cat-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-1);
  color: var(--fg-3);
  cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast), opacity var(--t-fast);
}
[data-theme] .ti-cat-arrow svg { width: 16px; height: 16px; }
[data-theme] .ti-cat-arrow:hover:not(:disabled) {
  background: var(--hover-bg);
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .ti-cat-arrow:disabled {
  opacity: 0.35;
  cursor: default;
}
@media (max-width: 640px) {
  [data-theme] .ti-cat-arrow { display: none; }
}
[data-theme] .ti-search-mode {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: var(--success-bg);
  color: var(--success-fg);
  font: 600 11px var(--font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid color-mix(in srgb, var(--success-fg) 30%, transparent);
}
[data-theme] .ti-search-mode svg { width: 11px; height: 11px; }
[data-theme] .ti-result-line {
  margin: 0 0 16px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--fg-3);
  text-transform: uppercase;
}
[data-theme] .tmpl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

[data-theme] .tmpl-card {
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: border-color var(--t-slow) var(--ease-out),
              transform var(--t-fast) var(--ease-out);
}
[data-theme] .tmpl-card:hover {
  border-color: var(--hover-border);
  transform: translateY(-2px);
}
[data-theme] .tmpl-card:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

[data-theme] .tmpl-card-thumb {
  position: relative;
  aspect-ratio: 16 / 10;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .tmpl-card-thumb-fallback {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 22%, var(--bg-2)) 0%,
    var(--bg-2) 100%);
}
[data-theme] .tmpl-card-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  transition: transform var(--t-slow) var(--ease-out);
}
[data-theme] .tmpl-card:hover .tmpl-card-thumb img { transform: scale(1.03); }

[data-theme] .tmpl-card-thumb-initial {
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: color-mix(in srgb, var(--accent) 70%, transparent);
  pointer-events: none;
}

[data-theme] .tmpl-card-pill {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--bg) 80%, transparent);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  color: var(--fg-2);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
}

[data-theme] .tmpl-card-body {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-theme] .tmpl-card-title {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.005em;
  margin: 0;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
[data-theme] .tmpl-card-tagline {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.45;
  color: var(--fg-3);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[data-theme] .tmpl-card-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
[data-theme] .tmpl-card-foot-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
[data-theme] .tmpl-card-foot-item svg { width: 11px; height: 11px; }
[data-theme] .tmpl-card-foot-item.is-rating { color: var(--warning-fg); }
[data-theme] .tmpl-card-pages {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}
[data-theme] .tmpl-card-page-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  background: var(--bg-2);
  border: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
  white-space: nowrap;
}
[data-theme] .tmpl-card-page-chip svg { flex-shrink: 0; }
[data-theme] .tmpl-card-page-chip.is-more {
  background: transparent;
  border-style: dashed;
}

@media (max-width: 1100px) {
  [data-theme] .tmpl-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  [data-theme] .tmpl-grid { grid-template-columns: 1fr; }
}
[data-theme] .integ-grid--index {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media (max-width: 1100px) {
  [data-theme] .integ-grid--index { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 840px) {
  [data-theme] .integ-grid--index { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
  [data-theme] .integ-grid--index { grid-template-columns: 1fr; }
}
[data-theme] .ti-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 36px;
}
[data-theme] .ti-pagination .integ-page-btn { height: 36px; padding: 0 14px; }
[data-theme] .ti-page-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  color: var(--fg-2);
  font: 600 13px var(--font-body);
  text-decoration: none;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .ti-page-num:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .ti-page-num.is-current {
  background: var(--accent);
  color: var(--accent-fg);
  border-color: var(--accent);
  forced-color-adjust: none;
}
[data-theme] .ti-page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  color: var(--fg-4);
  font-family: var(--font-mono);
}
[data-theme] .ti-empty {
  padding: 56px 0 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
[data-theme] .ti-empty-eyebrow {
  margin: 0 0 14px;
}
[data-theme] .ti-empty h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  color: var(--fg);
  max-width: 22ch;
}
[data-theme] .ti-empty p {
  margin: 0 0 28px;
  max-width: 56ch;
  color: var(--fg-3);
  font-size: 15px;
  line-height: 1.55;
}
[data-theme] .ti-empty-cta {
  margin-bottom: 56px;
}

[data-theme] .ti-empty-skeleton {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: 100%;
  max-width: 960px;
}

[data-theme] .ti-empty-card {
  position: relative;
  aspect-ratio: 4 / 5;
  border: 1px dashed var(--line-2);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--bg-2) 60%, transparent) 0%,
    transparent 100%);
  overflow: hidden;
}
[data-theme] .ti-empty-card::before,
[data-theme] .ti-empty-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  height: 8px;
  background: var(--line);
  border-radius: var(--radius-xs);
  opacity: 0.7;
}
[data-theme] .ti-empty-card::before { top: 62%; right: 40%; }
[data-theme] .ti-empty-card::after  { top: 74%; right: 28%; height: 6px; opacity: 0.45; }

[data-theme] .ti-empty-card-thumb {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  height: 50%;
  border-radius: var(--radius-md);
  background: var(--bg-2);
  overflow: hidden;
}
[data-theme] .ti-empty-card-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    transparent 0%,
    color-mix(in srgb, var(--accent) 10%, transparent) 50%,
    transparent 100%);
  animation: ti-shimmer 2.4s ease-in-out infinite;
}

@keyframes ti-shimmer {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@media (max-width: 840px) {
  [data-theme] .ti-empty-skeleton { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  [data-theme] .ti-empty-skeleton { grid-template-columns: 1fr 1fr; gap: 12px; }
  [data-theme] .ti-empty-card { aspect-ratio: 3 / 4; }
}
[data-theme] .ti-no-match {
  padding: 64px 0;
  text-align: center;
}
[data-theme] .ti-no-match-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-3);
  margin: 0 auto 16px;
}
[data-theme] .ti-no-match h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
  color: var(--fg);
}
[data-theme] .ti-no-match p {
  margin: 0 0 20px;
  color: var(--fg-3);
  font-size: 14px;
}
[data-theme] .ti-section { padding: 48px 0 80px; }
[data-theme] .ti-section-tight { padding: 24px 0 64px; }

@media (max-width: 768px) {
  [data-theme] .ti-section { padding: 32px 0 56px; }
  [data-theme] .ti-section-tight { padding: 16px 0 48px; }
}
[data-theme] .ti-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-7) 0 var(--space-4);
  font: var(--weight-medium) 14px/1.4 var(--font-body);
  color: var(--fg-3);
}
[data-theme] .ti-breadcrumb a {
  color: var(--fg-3);
  text-decoration: none;
  transition: color 0.15s ease;
}
[data-theme] .ti-breadcrumb a:hover { color: var(--fg-1); }
[data-theme] .ti-breadcrumb-sep {
  color: var(--fg-4);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .ti-breadcrumb-current {
  color: var(--fg-1);
  font-weight: var(--weight-semibold);
}
[data-theme] .ti-show-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-12);
  padding: var(--space-8) 0 var(--space-14);
  align-items: start;
}
@media (min-width: 960px) {
  [data-theme] .ti-show-hero {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--space-16);
  }
}

[data-theme] .ti-show-hero-info { min-width: 0; }

[data-theme] .ti-show-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
  padding: 12px;
  margin-bottom: var(--space-6);
  overflow: hidden;
}
[data-theme] .ti-show-logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-theme] .ti-show-logo-placeholder {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: 28px;
  letter-spacing: -0.02em;
  color: var(--fg-1);
}

[data-theme] .ti-show-eyebrow-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

[data-theme] .ti-show-title {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: clamp(32px, 5vw, 48px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--fg-1);
  margin: 0 0 var(--space-5);
}

[data-theme] .ti-show-lede {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
  color: var(--fg-2);
  max-width: 60ch;
  margin: 0 0 var(--space-5);
}

[data-theme] .ti-show-meta {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
  margin: 0 0 var(--space-7);
}
[data-theme] .ti-show-meta-dot {
  display: inline-block;
  margin: 0 var(--space-2);
  color: var(--fg-4);
}
[data-theme] .ti-rating {
  margin: 0 0 var(--space-6);
}
[data-theme] .ti-rating-form,
[data-theme] .ti-rating-static {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}
[data-theme] .ti-rating-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: 1;
}
[data-theme] .ti-rating-label {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .ti-rating-star {
  font-size: 22px;
  line-height: 1;
  color: var(--fg-4);
}
[data-theme] .ti-rating-star.is-filled {
  color: var(--warning-fg);
}
[data-theme] .ti-rating-star--btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0 1px;
  margin: 0;
  cursor: pointer;
  color: var(--fg-4);
  transition: color 0.12s ease, transform 0.12s ease;
}
[data-theme] .ti-rating-star--btn.is-preview {
  color: var(--warning-fg);
  transform: scale(1.12);
}
[data-theme] .ti-rating-star--btn:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
  border-radius: var(--radius-sm, 4px);
}
[data-theme] .ti-rating-signin-link {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .ti-rating-signin-link:hover {
  text-decoration: underline;
}
[data-theme] .ti-show-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-7);
}
[data-theme] .ti-show-primary-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 14px 24px;
  border-radius: var(--radius-md);
  background: var(--brand);
  color: var(--brand-fg);
  font: var(--weight-semibold) 16px/1 var(--font-body);
  text-decoration: none;
  border: 0;
  cursor: pointer;
  forced-color-adjust: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
[data-theme] .ti-show-primary-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(69, 231, 96, 0.25);
}
[data-theme] .ti-show-secondary-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font: var(--weight-medium) 14px/1.4 var(--font-body);
  color: var(--fg-2);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.15s ease;
}
[data-theme] .ti-show-secondary-cta:hover { color: var(--fg-1); }
[data-theme] .ti-show-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
}
@media (min-width: 1100px) {
  [data-theme] .ti-show-facts { gap: var(--space-4); }
}
[data-theme] .ti-show-fact {
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
}
[data-theme] .ti-show-fact-label {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 var(--space-2);
}
[data-theme] .ti-show-fact-value {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: var(--weight-semibold);
  line-height: 1.4;
  color: var(--fg-1);
  margin: 0;
}
[data-theme] .ti-show-section {
  padding: var(--space-12) 0;
  border-top: 1px solid var(--line);
}
[data-theme] .ti-show-section-inner { max-width: 760px; }
[data-theme] .ti-show-section h2 {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: clamp(26px, 3.5vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: var(--fg-1);
  margin: 0 0 var(--space-6);
}
[data-theme] .ti-show-section h3 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 18px;
  line-height: 1.4;
  color: var(--fg-1);
  margin: 0 0 var(--space-2);
}
[data-theme] .ti-show-section p { color: var(--fg-2); line-height: 1.6; }
[data-theme] .ti-show-prose {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--fg-2);
}
[data-theme] .ti-show-prose h2 { margin-top: var(--space-10); }
[data-theme] .ti-show-prose h3 {
  margin-top: var(--space-8);
  font-size: 20px;
  color: var(--fg-1);
}
[data-theme] .ti-show-prose p { margin: 0 0 var(--space-5); }
[data-theme] .ti-show-prose ul,
[data-theme] .ti-show-prose ol {
  margin: 0 0 var(--space-5);
  padding-left: var(--space-6);
}
[data-theme] .ti-show-prose li { margin: 0 0 var(--space-2); }
[data-theme] .ti-show-prose strong { color: var(--fg-1); font-weight: var(--weight-semibold); }
[data-theme] .ti-show-prose code {
  font-family: var(--font-mono);
  font-size: 0.92em;
  background: var(--bg-3);
  border-radius: var(--radius-xs);
  padding: 2px 6px;
}
[data-theme] .ti-show-prose a {
  color: var(--fg-1);
  text-decoration: underline;
  text-underline-offset: 3px;
}
[data-theme] .ti-show-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-6);
}
[data-theme] .ti-show-step {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: var(--space-4);
  align-items: start;
}
[data-theme] .ti-show-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-pill);
  background: var(--brand);
  color: var(--brand-fg);
  font: var(--weight-bold) 15px/1 var(--font-body);
  forced-color-adjust: none;
}
[data-theme] .ti-show-step-body p { margin: 0; }
[data-theme] .ti-show-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--space-5);
}
[data-theme] .ti-show-feat {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
}
[data-theme] .ti-show-feat h3 {
  font-size: 16px;
  margin: 0 0 var(--space-2);
}
[data-theme] .ti-show-feat p {
  font-size: 14px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .ti-show-faq {
  display: grid;
  gap: var(--space-3);
}
[data-theme] .ti-show-faq-item {
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
  overflow: hidden;
}
[data-theme] .ti-show-faq-item summary {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  font: var(--weight-semibold) 16px/1.45 var(--font-body);
  color: var(--fg-1);
  transition: background 0.15s ease;
}
[data-theme] .ti-show-faq-item summary:hover { background: var(--bg-3); }
[data-theme] .ti-show-faq-item summary::-webkit-details-marker { display: none; }
[data-theme] .ti-show-faq-item-icon {
  flex-shrink: 0;
  color: var(--fg-3);
  transition: transform 0.2s ease;
}
[data-theme] .ti-show-faq-item[open] .ti-show-faq-item-icon { transform: rotate(180deg); }
[data-theme] .ti-show-faq-answer {
  padding: 0 var(--space-6) var(--space-5);
  color: var(--fg-2);
  line-height: 1.65;
}
[data-theme] .ti-show-faq-answer > :first-child { margin-top: 0; }
[data-theme] .ti-show-table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: var(--bg-2);
}
[data-theme] .ti-show-table {
  width: 100%;
  border-collapse: collapse;
  font: 14px/1.5 var(--font-body);
}
[data-theme] .ti-show-table th,
[data-theme] .ti-show-table td {
  padding: var(--space-4) var(--space-5);
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
[data-theme] .ti-show-table th {
  font-weight: var(--weight-semibold);
  color: var(--fg-3);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-theme] .ti-show-table tr:last-child td { border-bottom: 0; }
[data-theme] .ti-show-table td { color: var(--fg-2); }
[data-theme] .ti-show-table-brand { color: var(--fg-1); font-weight: var(--weight-semibold); }
[data-theme] .ti-show-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--space-4);
}
[data-theme] .ti-show-related-card {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  border: 1px solid var(--line);
  text-decoration: none;
  color: var(--fg-1);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
[data-theme] .ti-show-related-card:hover {
  border-color: var(--line-2);
  transform: translateY(-1px);
}
[data-theme] .ti-show-related-logo {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: 13px;
  color: var(--fg-2);
  flex-shrink: 0;
  overflow: hidden;
}
[data-theme] .ti-show-related-logo img { max-width: 100%; max-height: 100%; }
[data-theme] .ti-show-related-name {
  font: var(--weight-semibold) 14px/1.3 var(--font-body);
  color: var(--fg-1);
  margin: 0 0 2px;
}
[data-theme] .ti-show-related-desc {
  font-size: 12px;
  color: var(--fg-3);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme] .ti-show-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
[data-theme] .ti-show-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  background: var(--bg-2);
  border: 1px solid var(--line);
  font: var(--weight-medium) 13px/1 var(--font-body);
  color: var(--fg-2);
}
[data-theme] .ti-remix-box {
  width: 100%;
  padding: 18px;
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
}
[data-theme] .ti-remix-box-headline {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .ti-remix-box-headline span {
  color: var(--fg);
}
[data-theme] .ti-remix-input {
  width: 100%;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: var(--bg);
  border: 1px solid var(--line);
  font: 400 14px/1.4 var(--font-body);
  color: var(--fg);
}
[data-theme] .ti-remix-input::-moz-placeholder { color: var(--fg-3); }
[data-theme] .ti-remix-input::placeholder { color: var(--fg-3); }
[data-theme] .ti-remix-input:focus {
  outline: none;
  border-color: var(--accent);
}
[data-theme] .ti-remix-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 14px;
}
[data-theme] .ti-remix-pill {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: var(--radius-pill);
  background: transparent;
  border: 1px solid var(--line);
  font: 400 12px/1.2 var(--font-body);
  color: var(--fg-2);
  transition: border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);
}
[data-theme] .ti-remix-pill:hover {
  border-color: var(--accent);
  color: var(--fg);
}
[data-theme] .ti-remix-submit {
  border: 0;
  cursor: pointer;
}
[data-theme] .ti-alt-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}
[data-theme] .ti-alt-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: var(--bg-2);
  border: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-2);
  text-decoration: none;
  transition: border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);
}
[data-theme] .ti-alt-link:hover {
  border-color: var(--accent);
  color: var(--fg);
}
[data-theme] .ti-alt-link svg { flex-shrink: 0; }
[data-theme] .ti-show-page-tag {
  gap: 6px;
}
[data-theme] .ti-show-page-tag svg {
  flex-shrink: 0;
  color: var(--fg-3);
}
[data-theme] .ti-show-preview {
  position: relative;
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
  overflow: hidden;
  aspect-ratio: 8 / 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .ti-show-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
[data-theme] .ti-show-preview-placeholder {
  color: var(--fg-4);
}
[data-theme] button.ti-show-preview--live {
  padding: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: inherit;
  width: 100%;
  transition: border-color var(--t-fast) var(--ease-out);
}
[data-theme] button.ti-show-preview--live:hover {
  border-color: var(--fg-4);
}
[data-theme] .ti-show-preview-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.32);
  opacity: 0;
  transition: opacity var(--t-fast) var(--ease-out);
}
[data-theme] button.ti-show-preview--live:hover .ti-show-preview-overlay,
[data-theme] button.ti-show-preview--live:focus-visible .ti-show-preview-overlay {
  opacity: 1;
}
[data-theme] .ti-show-preview-play {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--bg-1);
  color: var(--fg-1);
  border: 1px solid var(--line);
  font-weight: var(--weight-medium);
  font-size: 14px;
}
[data-theme] .ti-show-preview-play svg { color: var(--accent-text); }
@media (prefers-reduced-motion: reduce) {
  [data-theme] button.ti-show-preview--live,
  [data-theme] .ti-show-preview-overlay { transition: none; }
}
[data-theme] .modal.modal--preview {
  max-width: 1100px;
  width: calc(100% - 32px);
  max-height: min(90vh, 920px);
}
[data-theme] .modal--preview .ti-preview-head-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
[data-theme] .ti-preview-newtab {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 13px;
  font-weight: var(--weight-medium);
  color: var(--accent-text);
}
[data-theme] .ti-preview-newtab:hover { text-decoration: underline; }
[data-theme] .ti-preview-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-1);
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  cursor: pointer;
  transition: color var(--t-fast) var(--ease-out),
              background var(--t-fast) var(--ease-out);
}
[data-theme] .ti-preview-close:hover { color: var(--fg-1); background: var(--bg-3); }
[data-theme] .modal--preview .ti-preview-body { padding: var(--space-4) var(--space-6) var(--space-6); }
[data-theme] .ti-preview-frame-wrap {
  position: relative;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  overflow: hidden;
  background: #fff;
  aspect-ratio: 16 / 10;
  width: 100%;
}
[data-theme] .ti-preview-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  color-scheme: light;
}
[data-theme] .ti-preview-spinner {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  color: var(--fg-3);
  font-size: 14px;
  background: var(--bg-1);
}
[data-theme] .ti-preview-spinner[hidden] { display: none; }
[data-theme] .ti-preview-spinner-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid var(--line);
  border-top-color: var(--accent-text);
  animation: ti-preview-spin 0.7s linear infinite;
}
@keyframes ti-preview-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .ti-preview-spinner-dot { animation: none; }
}
[data-theme] .ti-show-cta {
  margin: var(--space-16) 0 var(--space-20);
  padding: var(--space-12) var(--space-8);
  border-radius: var(--radius-xl);
  background: var(--bg-2);
  border: 1px solid var(--line);
  text-align: center;
}
[data-theme] .ti-show-cta h2 {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--fg-1);
  margin: 0 0 var(--space-3);
}
[data-theme] .ti-show-cta p {
  font-size: 16px;
  color: var(--fg-2);
  margin: 0 0 var(--space-6);
}
@media (max-width: 768px) {
  [data-theme] .ti-show-hero { padding: var(--space-6) 0 var(--space-10); }
  [data-theme] .ti-show-section { padding: var(--space-10) 0; }
  [data-theme] .ti-show-cta { margin: var(--space-10) 0 var(--space-12); padding: var(--space-8) var(--space-5); }
  [data-theme] .ti-show-facts { grid-template-columns: 1fr 1fr; }
}
[data-theme] .ti-section-title {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  margin: 0 0 var(--space-3);
}
[data-theme] .ti-section-lede {
  font-size: 16px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0 0 var(--space-6);
  max-width: 64ch;
}
[data-theme] .ti-section-note {
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-3);
  margin: var(--space-4) 0 0;
  max-width: 64ch;
}
[data-theme] .ti-section-prose {
  font-size: 16px;
  line-height: 1.65;
  color: var(--fg-2);
  max-width: 68ch;
}
[data-theme] .ti-section-prose p { margin: 0 0 var(--space-3); }
[data-theme] .ti-section-prose strong { color: var(--fg-1); font-weight: var(--weight-semibold); }
[data-theme] .ti-section.ti-section--cta {
  padding: var(--space-12) var(--space-8);
  margin: var(--space-12) 0 var(--space-20);
  border-radius: var(--radius-xl);
  background: var(--bg-2);
  border: 1px solid var(--line);
  text-align: center;
}
[data-theme] .ti-section--cta .ti-section-title { margin-bottom: var(--space-3); }
[data-theme] .ti-section--cta .ti-section-lede { margin: 0 auto var(--space-6); }
[data-theme] .ti-section--cta .ti-show-actions { justify-content: center; }
[data-theme] .ti-code-block {
  display: block;
  margin: 0 0 var(--space-4);
  padding: var(--space-5) var(--space-6);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  font: 13px/1.55 var(--font-mono);
  color: var(--fg-1);
  overflow-x: auto;
  scrollbar-width: thin;
  white-space: pre;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}
[data-theme] .ti-code-block code {
  font-family: inherit;
  background: transparent;
  color: inherit;
  padding: 0;
  border: 0;
}
[data-theme] .ti-action-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  [data-theme] .ti-action-list { grid-template-columns: 1fr 1fr; gap: var(--space-3) var(--space-5); }
}
[data-theme] .ti-action-row {
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-1);
}
[data-theme] .ti-action-slug {
  display: inline-block;
  font: var(--weight-medium) 12.5px/1.4 var(--font-mono);
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  letter-spacing: 0.01em;
  word-break: break-all;
}
[data-theme] .ti-action-desc {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg-3);
  margin: var(--space-2) 0 0;
}
[data-theme] .ti-action-disclosure {
  margin: var(--space-5) 0 0;
}
[data-theme] .ti-action-disclosure > summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--accent-text);
  font: var(--weight-medium) 14px/1 var(--font-body);
  background: var(--bg-1);
  border: 1px solid var(--line);
  transition: background var(--t-fast);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .ti-action-disclosure > summary:hover {
  background: var(--bg-2);
}
[data-theme] .ti-action-disclosure[open] > summary {
  margin-bottom: var(--space-4);
}
[data-theme] .ti-action-list--full {
  opacity: 0.92;
}
[data-theme] .ti-show-integrations {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
[data-theme] .ti-show-integration {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 6px 12px 6px 6px;
  border-radius: var(--radius-pill);
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg);
  text-decoration: none;
  font: var(--weight-medium) 13px/1 var(--font-body);
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .ti-show-integration:hover {
  background: var(--hover-bg);
  border-color: var(--line-2);
}
[data-theme] .ti-show-integration__logo {
  width: 24px; height: 24px; flex: 0 0 auto;
  border-radius: var(--radius-sm);
  overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .ti-show-integration__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
[data-theme] .ti-show-integration__letter {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-3); color: var(--fg-2);
  font-weight: var(--weight-bold); font-size: 11px;
}
[data-theme] .ti-show-integration__name { white-space: nowrap; }
[data-theme] .ti-show-integration__req {
  margin-left: 2px; padding: 1px 6px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
  font-size: 10px; font-weight: var(--weight-semibold);
  text-transform: uppercase; letter-spacing: 0.04em;
}
[data-theme] .starter-chips {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
[data-theme] .starter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 12px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-2);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color var(--t-base), background var(--t-base), border-color var(--t-base), transform var(--t-fast);
}
[data-theme] .starter-chip:hover {
  color: var(--fg);
  background: var(--hover-bg);
  border-color: var(--hover-border);
}
[data-theme] .starter-chip-label { color: inherit; }

[data-theme] .starter-chip:active { transform: scale(0.98); }
[data-theme] .starter-chip:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

@media (max-width: 720px) {
  [data-theme] .starter-chips { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
}
@media (max-width: 420px) {
  [data-theme] .starter-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
[data-theme] .starter-tiles-wrap {
  position: relative;
  margin-top: 18px;
  width: 100%;
}
[data-theme] .starter-tiles {
  display: flex;
  align-items: stretch;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-padding-left: 4px;
  padding: 2px 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[data-theme] .starter-tiles::-webkit-scrollbar { display: none; }
@media (max-width: 639px) {
  [data-theme] .starter-tiles { padding-right: 64px; }
}

[data-theme] .starter-tile {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-2);
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  transition: color var(--t-base), background var(--t-base), border-color var(--t-base), transform var(--t-fast);
}
[data-theme] .starter-tile:hover {
  color: var(--fg);
  background: var(--hover-bg);
  border-color: var(--hover-border);
}
[data-theme] .starter-tile:hover .starter-tile-icon { color: var(--fg); }
[data-theme="dark"] .starter-tile:hover .starter-tile-icon { color: var(--accent); }
[data-theme] .starter-tile:active { transform: scale(0.99); }
[data-theme] .starter-tile:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .starter-tile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--fg-3);
  transition: color var(--t-base);
}
[data-theme] .starter-tile-icon svg {
  width: 14px;
  height: 14px;
}
[data-theme] .starter-tile-label {
  display: inline-block;
}
[data-theme] .starter-tiles-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 48px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity var(--t-base);
}
[data-theme] .starter-tiles-fade-left {
  left: 0;
  background: linear-gradient(
    to right,
    var(--bg) 0%,
    color-mix(in srgb, var(--bg) 70%, transparent) 60%,
    transparent 100%
  );
}
[data-theme] .starter-tiles-fade-right {
  right: 0;
  background: linear-gradient(
    to left,
    var(--bg) 0%,
    color-mix(in srgb, var(--bg) 70%, transparent) 60%,
    transparent 100%
  );
  opacity: 1;
}

@media (max-width: 540px) {
  [data-theme] .starter-tiles-fade { width: 32px; }
}

[data-theme] .pb-backdrop {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: color-mix(in srgb, var(--bg) 55%, rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
[data-theme] .pb-backdrop:not(.opacity-100) { opacity: 0; }
[data-theme] .pb-backdrop.opacity-100 { opacity: 1; }

[data-theme] .pb-panel {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  z-index: 70;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  border-left: 1px solid var(--line);
  box-shadow: var(--shadow-xl);
}
[data-theme] .pb-panel .hidden { display: none; }
[data-theme] .pb-divide-top { border-top: 1px solid var(--line); }

[data-theme] .pb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-6);
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
}
[data-theme] .pb-mark {
  width: 36px; height: 36px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  color: var(--accent-fg);
  border-radius: var(--radius-sm);
  forced-color-adjust: none;
}
[data-theme] .pb-mark svg { width: 18px; height: 18px; }
[data-theme] .pb-mark--lg { width: 48px; height: 48px; border-radius: var(--radius-md); }
[data-theme] .pb-mark--lg svg { width: 24px; height: 24px; }

[data-theme] .pb-title {
  margin: 0;
  font-size: 15px;
  font-weight: var(--weight-semibold);
  color: var(--fg);
  letter-spacing: -0.01em;
}
[data-theme] .pb-sub {
  margin: 0;
  font-size: 12.5px;
  color: var(--fg-3);
}

[data-theme] .pb-foot {
  padding: var(--space-4) var(--space-6);
  background: var(--bg-1);
  border-top: 1px solid var(--line);
}
[data-theme] .pb-kbd {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
[data-theme] .pb-section-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  font-family: var(--font-mono);
  font-weight: var(--weight-semibold);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .pb-section-label svg {
  width: 13px; height: 13px;
  color: var(--accent-text);
}

[data-theme] .pb-label {
  display: block;
  font-size: 12px;
  font-weight: var(--weight-semibold);
  color: var(--fg-3);
}
[data-theme] .pb-label .pb-label-hint { font-weight: 400; color: var(--fg-3); }

[data-theme] .pb-count {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}
[data-theme] .pb-prompt-input { min-height: 84px; resize: none; }
[data-theme] .pb-textarea-sm { min-height: 64px; resize: none; }

[data-theme] .pb-quality-dot {
  width: 8px; height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--bg-3);
  transition: background var(--t-slow);
}
[data-theme] .pb-quality-dot.is-poor  { background: var(--danger-fg); }
[data-theme] .pb-quality-dot.is-fair  { background: var(--warning-fg); }
[data-theme] .pb-quality-dot.is-good  { background: var(--accent-2); }
[data-theme] .pb-quality-dot.is-great { background: var(--accent); }

[data-theme] .pb-quality-text {
  font-size: 11.5px;
  color: var(--fg-3);
  transition: color var(--t-slow);
}
[data-theme] .pb-quality-text.is-poor  { color: var(--danger-fg); }
[data-theme] .pb-quality-text.is-fair  { color: var(--warning-fg); }
[data-theme] .pb-quality-text.is-good,
[data-theme] .pb-quality-text.is-great { color: var(--accent-text); }

[data-theme] .pb-callout {
  padding: var(--space-3-5) var(--space-4);
  background: var(--warning-bg);
  border: 1px solid color-mix(in srgb, var(--warning-fg) 35%, transparent);
  border-radius: var(--radius-md);
}
[data-theme] .pb-callout-icon { width: 18px; height: 18px; flex: 0 0 auto; color: var(--warning-fg); }
[data-theme] .pb-callout-title {
  margin: 0 0 var(--space-2);
  font-size: 13px;
  font-weight: var(--weight-semibold);
  color: var(--fg);
}
[data-theme] .pb-callout-example {
  display: block;
  width: 100%;
  text-align: left;
  padding: var(--space-1-5) var(--space-2);
  border-radius: var(--radius-xs);
  font-size: 12px;
  color: var(--fg-2);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .pb-callout-example:hover { background: var(--hover-bg); color: var(--fg); }

[data-theme] .pb-callout--info {
  background: var(--info-bg);
  border-color: color-mix(in srgb, var(--info-fg) 30%, transparent);
}
[data-theme] .pb-callout--info .pb-callout-icon { color: var(--info-fg); }
[data-theme] .pb-callout--info p { margin: 0; font-size: 13px; line-height: 1.55; color: var(--fg-2); }

[data-theme] .pb-analyzing {
  display: flex;
  align-items: center;
  gap: var(--space-2-5);
  font-size: 13px;
  color: var(--accent-text);
}

[data-theme] .pb-progress-status { font-size: 13px; font-weight: 500; color: var(--fg-2); }
[data-theme] .pb-progress-status.is-complete { color: var(--accent-text); font-weight: var(--weight-semibold); }

[data-theme] .pb-progress-track {
  height: 4px;
  background: var(--bg-3);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
[data-theme] .pb-progress-fill {
  height: 100%;
  background: var(--accent-text);
  border-radius: var(--radius-pill);
  transition: width 0.3s var(--ease-out);
}
[data-theme] .pb-progress-fill.is-error { background: var(--danger-fg); }

[data-theme] .pb-progress-phases {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}

[data-theme] .pb-skel {
  background: var(--bg-2);
  border-radius: var(--radius-md);
  animation: pb-pulse 1.6s ease-in-out infinite;
}
@keyframes pb-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

[data-theme] .pb-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: var(--radius-xs);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--success-bg);
  color: var(--accent-text);
}
[data-theme] .pb-badge--neutral { background: var(--chip-bg); color: var(--fg-3); }

[data-theme] .pb-type-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  height: 24px;
  padding: 0 var(--space-2-5);
  border-radius: var(--radius-sm);
  background: var(--success-bg);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  color: var(--accent-text);
  font-size: 12px;
  font-weight: 500;
}
[data-theme] .pb-type-chip svg { width: 13px; height: 13px; }

[data-theme] .pb-section {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .pb-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
}
[data-theme] .pb-section-icon {
  width: 32px; height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .pb-section-icon svg { width: 15px; height: 15px; }

[data-theme] .pb-section-title {
  font-size: 13.5px;
  font-weight: var(--weight-semibold);
  color: var(--fg);
}
[data-theme] .pb-section-sub { font-size: 12px; color: var(--fg-3); margin: 0; }
[data-theme] .pb-section-hint { color: var(--accent-text); }

[data-theme] .pb-section-toggle { border-radius: var(--radius-sm); }
[data-theme] .pb-section-toggle:hover { opacity: 0.85; }
[data-theme] .pb-section-toggle:focus-visible { outline: none; box-shadow: var(--focus-ring); }

[data-theme] .pb-section-preview {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--accent-text);
}

[data-theme] .pb-section-body {
  padding: var(--space-4);
  border-top: 1px solid var(--line);
}
[data-theme] .pb-section-body--flush { padding: 0; }
[data-theme] .pb-well { padding: var(--space-4); }
[data-theme] .pb-clear {
  height: 24px;
  padding: 0 var(--space-2);
  border-radius: var(--radius-xs);
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-3);
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .pb-clear:hover { color: var(--danger-fg); background: var(--danger-bg); }
[data-theme] .pb-clear:focus-visible { outline: none; box-shadow: var(--focus-ring); }

[data-theme] .pb-option {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .pb-option:hover { background: var(--bg-3); border-color: var(--hover-border); }
[data-theme] .pb-option--suggested {
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
  background: color-mix(in srgb, var(--accent) 5%, var(--bg-2));
}
[data-theme] .pb-option--suggested:hover {
  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-2));
}
[data-theme] .pb-option-title { font-size: 13px; font-weight: 500; color: var(--fg); }
[data-theme] .pb-option-desc { margin: 2px 0 0; font-size: 12px; line-height: 1.5; color: var(--fg-3); }

[data-theme] .pb-choice {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 var(--space-3);
  background: transparent;
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  font-size: 12px;
  font-weight: 500;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .pb-choice:hover { border-color: var(--hover-border); color: var(--fg); }
[data-theme] .pb-choice:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .pb-choice.is-selected {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  font-weight: var(--weight-semibold);
  forced-color-adjust: none;
}
[data-theme] .pb-rail {
  scrollbar-width: thin;
  scrollbar-color: var(--line-2) transparent;
}
[data-theme] .pb-rail::-webkit-scrollbar { height: 6px; }
[data-theme] .pb-rail::-webkit-scrollbar-track { background: transparent; }
[data-theme] .pb-rail::-webkit-scrollbar-thumb {
  background: var(--line-2);
  border-radius: var(--radius-pill);
}
[data-theme] .pb-rail::-webkit-scrollbar-thumb:hover { background: var(--hover-border); }

[data-theme] .pb-insp-frame {
  position: relative;
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--bg-2);
  transition: border-color var(--t-base), box-shadow var(--t-base);
}
[data-theme] .pb-insp-card:hover .pb-insp-frame { border-color: var(--hover-border); }
[data-theme] .pb-insp-frame.is-selected {
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .pb-insp-frame--dashed { border-style: dashed; }
[data-theme] .pb-insp-frame--dashed.is-selected {
  background: color-mix(in srgb, var(--accent) 6%, var(--bg-2));
}
[data-theme] .pb-insp-preview {
  position: relative;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-3);
  overflow: hidden;
}
[data-theme] .pb-insp-initial {
  font-family: var(--font-mono);
  font-size: 26px;
  font-weight: var(--weight-bold);
  color: var(--fg-3);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .pb-insp-youdecide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  color: var(--fg-2);
}
[data-theme] .pb-insp-youdecide svg { width: 26px; height: 26px; }
[data-theme] .pb-insp-youdecide span { font-size: 11px; font-weight: 500; }
[data-theme] .pb-insp-preview.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    transparent 30%,
    color-mix(in srgb, var(--fg) 7%, transparent) 50%,
    transparent 70%
  );
  background-size: 200% 100%;
  animation: pb-shimmer 1.4s ease-in-out infinite;
}
@keyframes pb-shimmer {
  0% { background-position: 160% 0; }
  100% { background-position: -60% 0; }
}
[data-theme] .pb-insp-check {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  width: 20px; height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .pb-insp-check svg { width: 12px; height: 12px; }
[data-theme] .pb-insp-name {
  display: block;
  margin-top: var(--space-2);
  text-align: center;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .pb-insp-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  height: 28px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--fg-3);
  font-size: 12px;
  font-weight: 500;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .pb-insp-chip:hover { border-color: var(--hover-border); color: var(--fg); }
[data-theme] .pb-insp-chip.is-selected {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  color: var(--accent-text);
}

[data-theme] .pb-idea-card {
  display: block;
  width: 100%;
  text-align: left;
  padding: var(--space-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .pb-idea-card:hover { background: var(--bg-3); border-color: var(--hover-border); }
[data-theme] .pb-idea-card:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .pb-idea-title { font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .pb-idea-desc { margin: 2px 0 0; font-size: 11.5px; line-height: 1.45; color: var(--fg-3); }

[data-theme] .pb-input-sm { height: 32px; padding: 0 var(--space-2-5); font-size: 13px; }

[data-theme] .pb-success {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: 48px;
  border-radius: var(--radius-sm);
  background: var(--success-bg);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  color: var(--accent-text);
  font-weight: var(--weight-semibold);
  font-size: 14px;
}
[data-theme] .pb-success svg { width: 18px; height: 18px; }

/* !important + the doubled attribute because the shared `.textarea` base rule
   in components/_form.css marks `border-color` !important at (0,3,0) to escape
   theme.css's legacy `.dark input[type=…]`/`textarea` block — see the header
   comment there. Without both, the flash renders nothing. */
[data-theme][data-theme] .textarea.pb-flash {
  border-color: var(--accent) !important;
  box-shadow: var(--focus-ring);
}

@media (max-width: 768px) {
  [data-theme] [data-prompt-autocomplete-target="suggestions"].hidden {
    display: none !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    padding: 10px 12px;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    order: 999;
    max-height: none !important;
    overflow-y: hidden !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 4px;
    scrollbar-width: none;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--line, #282828) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"]::-webkit-scrollbar {
    display: none;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > div:first-child {
    display: none !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > div:last-child {
    display: none !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 36px;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    border: 1px solid var(--line, #282828) !important;
    background-color: var(--bg-2, #1B1C1E) !important;
    border-bottom: 1px solid var(--line, #282828) !important;
    scroll-snap-align: start;
    white-space: nowrap;
    transition: background-color 120ms ease, border-color 120ms ease;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button:hover,
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button:active {
    background-color: var(--bg-3, #2a2c35) !important;
    border-color: var(--accent, #45E760) !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .flex {
    align-items: center !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button > .flex > .flex {
    align-items: center !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button svg {
    width: 12px;
    height: 12px;
    margin-right: 6px !important;
    margin-top: 0 !important;
    flex-shrink: 0;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .text-sm {
    font-size: 14px !important;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fg, #F1F2F4) !important;
  }
  [data-theme] [data-prompt-autocomplete-target="suggestions"] > button .text-xs {
    display: none !important;
  }

  [data-theme] .chat-suggest-row {
    gap: 8px;
    padding: 2px 0;
  }

  [data-theme] .chat-suggest-card {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 36px;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center;
  }
  [data-theme] .chat-suggest-card .chat-suggest-desc {
    display: none !important;
  }
  [data-theme] .chat-suggest-card .chat-suggest-title {
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    -webkit-line-clamp: unset !important;
    display: inline !important;
    overflow: visible !important;
  }
}
[data-theme] .chat-actions-fab {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: var(--accent, #45E760);
  color: var(--accent-fg, #0a0e0a);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  forced-color-adjust: none;
  transition: background var(--t-base, 160ms) ease,
              transform var(--t-fast, 100ms) ease;
}
[data-theme] .chat-actions-fab:hover {
  background: var(--brand-hover, #8CE747);
}
[data-theme] .chat-actions-fab:active {
  transform: scale(0.95);
}
[data-theme] .chat-actions-fab:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .chat-actions-fab i {
  font-size: 14px;
  color: var(--accent-fg, #0a0e0a);
}

[data-theme] .chat-actions-sheet-root {
  display: contents;
}

[data-theme] .chat-actions-sheet-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  pointer-events: none;
  z-index: 80;
  transition: opacity 200ms ease;
}
[data-theme] .chat-actions-sheet-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

[data-theme] .chat-actions-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 81;
  background: var(--bg-2, #272B2E);
  border-radius: 16px 16px 0 0;
  border-top: 1px solid var(--line-2, #3A3D42);
  box-shadow: 0 -8px 24px -6px rgba(0, 0, 0, 0.35);
  transform: translateY(100%);
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  max-height: 60vh;
  display: flex;
  flex-direction: column;
}
[data-theme] .chat-actions-sheet.is-open {
  transform: translateY(0);
}
[data-theme] .chat-actions-sheet-handle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16px;
  padding-top: 8px;
  cursor: grab;
  touch-action: none;
  flex-shrink: 0;
}
[data-theme] .chat-actions-sheet-handle:active {
  cursor: grabbing;
}
[data-theme] .chat-actions-sheet-handle > span {
  width: 36px;
  height: 4px;
  border-radius: 999px;
  background: var(--fg-4, #5B5E65);
  opacity: 0.6;
}
[data-theme] .chat-actions-sheet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px 12px;
  flex-shrink: 0;
}
[data-theme] .chat-actions-sheet-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--fg, #F1F2F4);
}
[data-theme] .chat-actions-sheet-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--fg-3, #8B8C91);
  font-size: 14px;
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
}
[data-theme] .chat-actions-sheet-close:hover {
  background: var(--bg-3, #35363A);
  color: var(--fg, #F1F2F4);
}
[data-theme] .chat-actions-sheet-body {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

[data-theme] .chat-actions-section {
  padding: 12px 12px;
  border-top: 1px solid var(--line, #2F3034);
}
[data-theme] .chat-actions-section:first-child {
  border-top: 0;
}

[data-theme] .chat-actions-section-label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 4px 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3, #8B8C91);
}

[data-theme] .chat-actions-section-help {
  margin: 8px 4px 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--fg-3, #8B8C91);
}
[data-theme] .chat-actions-section-help strong {
  color: var(--fg-2, #C5C6CB);
  font-weight: 600;
}
[data-theme] .chat-actions-row {
  width: 100%;
  display: grid;
  grid-template-columns: 32px 1fr 16px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  min-height: 56px;
  background: transparent;
  border: 0;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
  color: var(--fg, #F1F2F4);
  transition: background 120ms ease;
}
[data-theme] .chat-actions-row:hover,
[data-theme] .chat-actions-row:focus-visible {
  background: var(--bg-3, #35363A);
  outline: none;
}
[data-theme] .chat-actions-row:active {
  background: color-mix(in srgb, var(--accent, #45E760) 12%, var(--bg-2, #272B2E));
}

[data-theme] .chat-actions-row-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--bg-3, #35363A);
  color: var(--accent-text, var(--accent));
  font-size: 14px;
}

[data-theme] .chat-actions-row-label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
[data-theme] .chat-actions-row-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--fg, #F1F2F4);
}
[data-theme] .chat-actions-row-sub {
  font-size: 12px;
  line-height: 1.2;
  color: var(--fg-3, #8B8C91);
}
[data-theme] .chat-actions-row-chevron {
  color: var(--fg-4, #5B5E65);
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .chat-actions-model-check {
  color: var(--accent-text, var(--accent));
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .chat-actions-model-check.hidden { display: none; }
[data-theme] .chat-actions-mode-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 4px;
}
[data-theme] .chat-actions-thinking-segmented {
  display: flex;
  gap: 0;
  padding: 4px;
  background: var(--bg-1, #1B1C1E);
  border: 1px solid var(--line, #2F3034);
  border-radius: 999px;
  width: 100%;
}

[data-theme] .chat-actions-thinking-option {
  flex: 1 1 0;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--fg-3, #8B8C91);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}
[data-theme] .chat-actions-thinking-option:hover {
  color: var(--fg, #F1F2F4);
}
[data-theme] .chat-actions-thinking-option.is-active {
  background: var(--accent, #45E760);
  color: var(--accent-fg, #0a0e0a);
  forced-color-adjust: none;
}
[data-theme] .chat-actions-thinking-option:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .chat-actions-thinking-option[hidden] {
  display: none;
}

[data-theme] body.chat-actions-sheet-open {
  overflow: hidden;
}
@property --launcher-beam-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: true;
}
[data-theme] .launcher-mode {
  display: flex; justify-content: center; align-items: center;
  margin: 0 auto 18px;
}
[data-theme] .launcher-mode[role="tablist"] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  gap: 4px;
  border-radius: var(--radius-pill);
  background: var(--bg-2);
  border: 1px solid var(--line);
}
[data-theme] .launcher-mode__seg {
  position: relative;
  z-index: 1;
  display: inline-flex; align-items: center; gap: 8px;
  height: 38px;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  background: transparent;
  font-size: 14px; font-weight: var(--weight-medium);
  color: var(--fg-3); cursor: pointer;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease;
  touch-action: manipulation;
}
[data-theme] .launcher-mode__seg:hover { color: var(--fg); }
[data-theme] .launcher-mode__seg svg { color: currentColor; }
[data-theme] .launcher-mode__seg.is-active {
  background: var(--bg-2);
  border-color: var(--line-2);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}
[data-theme] .launcher-mode.is-enhanced .launcher-mode__seg.is-active {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

[data-theme] .launcher-mode__badge {
  font-family: var(--font-mono); font-size: 9px; font-weight: var(--weight-semibold);
  letter-spacing: 0.08em;
  padding: 2px 5px; border-radius: var(--radius-xs);
  background: var(--accent); color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .launcher-mode__indicator {
  position: absolute; top: 4px; bottom: 4px; left: 0; width: 0;
  border-radius: var(--radius-pill);
  background: var(--card-bg);
  border: 1px solid var(--line-2);
  box-sizing: border-box;
  will-change: transform, width;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  [data-theme] .launcher-mode__indicator[data-mode="agent"],
  [data-theme] .launcher-mode__indicator[data-mode="creative"] {
    border-color: transparent;
    animation: launcher-beam-spin 6s linear infinite;
  }
  [data-theme] .launcher-mode__indicator[data-mode="agent"]::after,
  [data-theme] .launcher-mode__indicator[data-mode="creative"]::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: var(--radius-pill);
    padding: 1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    filter: saturate(1.15);
    pointer-events: none;
  }
  [data-theme] .launcher-mode__indicator[data-mode="agent"] {
    background:
      conic-gradient(
        from var(--launcher-beam-angle),
        rgba(34, 197, 94, 0.16),
        rgba(120, 210, 50, 0.11) 25%,
        rgba(180, 228, 45, 0.16) 50%,
        rgba(120, 210, 50, 0.11) 75%,
        rgba(34, 197, 94, 0.16) 100%
      ),
      var(--card-bg);
    box-shadow: inset 0 0 12px rgba(140, 220, 60, 0.2);
  }
  [data-theme] .launcher-mode__indicator[data-mode="agent"]::after {
    background:
      conic-gradient(
        from var(--launcher-beam-angle),
        transparent 0%, transparent 40%,
        rgba(255, 255, 255, 0.2) 56%,
        rgba(255, 255, 255, 0.8) 67%,
        rgba(255, 255, 255, 0.2) 73%,
        transparent 80%, transparent 100%
      ),
      conic-gradient(
        from var(--launcher-beam-angle),
        rgb(34, 197, 94),
        rgb(120, 210, 50) 25%,
        rgb(180, 228, 45) 50%,
        rgb(120, 210, 50) 75%,
        rgb(34, 197, 94) 100%
      );
  }
  [data-theme] .launcher-mode__indicator[data-mode="creative"] {
    background:
      conic-gradient(
        from var(--launcher-beam-angle),
        rgba(255, 50, 100, 0.14),
        rgba(180, 40, 240, 0.14) 14%,
        rgba(100, 70, 255, 0.14) 30%,
        rgba(40, 140, 255, 0.14) 46%,
        rgba(30, 185, 170, 0.14) 60%,
        rgba(50, 200, 80, 0.14) 73%,
        rgba(255, 120, 40, 0.14) 86%,
        rgba(255, 50, 100, 0.14) 100%
      ),
      var(--card-bg);
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.1);
  }
  [data-theme] .launcher-mode__indicator[data-mode="creative"]::after {
    background:
      conic-gradient(
        from var(--launcher-beam-angle),
        transparent 0%, transparent 40%,
        rgba(255, 255, 255, 0.2) 56%,
        rgba(255, 255, 255, 0.85) 67%,
        rgba(255, 255, 255, 0.2) 73%,
        transparent 80%, transparent 100%
      ),
      conic-gradient(
        from var(--launcher-beam-angle),
        rgb(255, 50, 100),
        rgb(180, 40, 240) 14%,
        rgb(100, 70, 255) 30%,
        rgb(40, 140, 255) 46%,
        rgb(30, 185, 170) 60%,
        rgb(50, 200, 80) 73%,
        rgb(255, 120, 40) 86%,
        rgb(255, 50, 100) 100%
      );
  }
  :root[data-theme="light"] .launcher-mode__indicator[data-mode="agent"]::after {
    background:
      conic-gradient(
        from var(--launcher-beam-angle),
        transparent 0%, transparent 40%,
        rgba(0, 0, 0, 0.12) 56%,
        rgba(0, 0, 0, 0.4) 67%,
        rgba(0, 0, 0, 0.12) 73%,
        transparent 80%, transparent 100%
      ),
      conic-gradient(
        from var(--launcher-beam-angle),
        rgb(34, 197, 94),
        rgb(120, 210, 50) 25%,
        rgb(180, 228, 45) 50%,
        rgb(120, 210, 50) 75%,
        rgb(34, 197, 94) 100%
      );
  }
  :root[data-theme="light"] .launcher-mode__indicator[data-mode="creative"]::after {
    background:
      conic-gradient(
        from var(--launcher-beam-angle),
        transparent 0%, transparent 40%,
        rgba(0, 0, 0, 0.12) 56%,
        rgba(0, 0, 0, 0.4) 67%,
        rgba(0, 0, 0, 0.12) 73%,
        transparent 80%, transparent 100%
      ),
      conic-gradient(
        from var(--launcher-beam-angle),
        rgb(255, 50, 100),
        rgb(180, 40, 240) 14%,
        rgb(100, 70, 255) 30%,
        rgb(40, 140, 255) 46%,
        rgb(30, 185, 170) 60%,
        rgb(50, 200, 80) 73%,
        rgb(255, 120, 40) 86%,
        rgb(255, 50, 100) 100%
      );
  }

  @keyframes launcher-beam-spin {
    to { --launcher-beam-angle: 360deg; }
  }
}
@media (max-width: 639px) {
  [data-theme] .launcher-mode { margin: 0 auto 4px; }
  [data-theme] .launcher-mode[role="tablist"] { width: 100%; padding: 3px; gap: 2px; }
  [data-theme] .launcher-mode__seg {
    flex: 1;
    justify-content: center;
    height: 32px;
    padding: 0 6px;
    font-size: 12.5px;
    gap: 6px;
  }
  [data-theme] .launcher-mode__seg svg { width: 13px; height: 13px; }
  [data-theme] .launcher-mode__badge { font-size: 8px; padding: 1.5px 4px; }
  [data-theme] .launcher-mode__indicator { top: 3px; bottom: 3px; }
}
[data-theme] .nah .composer {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02) inset, 0 10px 26px -18px rgba(0, 0, 0, 0.35);
}
:root[data-theme="light"] .nah .composer {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 20px -14px rgba(0, 0, 0, 0.07);
}
[data-theme] .nah .composer:focus-within {
  border-color: #6a6e76;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--fg) 6%, transparent),
    0 1px 0 rgba(255, 255, 255, 0.02) inset,
    0 10px 26px -18px rgba(0, 0, 0, 0.35);
}
:root[data-theme="light"] .nah .composer:focus-within {
  border-color: #6a6e76;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--fg) 6%, transparent),
    0 1px 2px rgba(0, 0, 0, 0.03),
    0 8px 20px -14px rgba(0, 0, 0, 0.07);
}

[data-theme] .nah .composer textarea { min-height: 64px; }
[data-theme] .nah .composer-foot { padding: 10px 12px 12px; }
[data-theme] .nah .composer-tools { gap: 4px; align-items: center; }
[data-theme] .nah .composer-right { gap: 6px; }
[data-theme] .nah .composer-tool { border-radius: 6px; }
[data-theme] .nah .composer-tool:hover { background: var(--bg-3); color: var(--fg); }
[data-theme] .nah .composer-tool-pill {
  height: 32px;
  margin-left: 6px;
  padding: 0 10px;
  gap: 5px;
  border: 1px solid var(--line-2);
  border-radius: 8px;
  font-size: 13px;
  font-weight: var(--weight-semibold);
  color: var(--fg-2);
}
[data-theme] .nah .composer-tool-pill:hover { background: var(--bg-3); color: var(--fg); }
[data-theme] .nah .composer-tool-chevron { width: 12px; height: 12px; opacity: 1; color: var(--fg-4); }
[data-theme] .nah .send {
  border-radius: 8px;
  background: var(--bg-3);
  color: var(--fg-4);
  cursor: default;
}
[data-theme] .nah .send svg { color: currentColor; }
[data-theme] .nah .composer.has-content .send {
  background: var(--accent);
  color: var(--accent-fg);
  cursor: pointer;
}
[data-theme] .nah .composer.has-content .send svg { color: var(--accent-fg); }
[data-theme] .nah .composer.has-content .send:hover { background: var(--accent-2); }
[data-theme] .nah .composer:not(.has-content) .send:hover {
  background: var(--bg-3);
  color: var(--fg-4);
  transform: none;
  box-shadow: none;
}
[data-theme] .nah .nah-add { position: relative; display: inline-flex; }
[data-theme] .nah .nah-add-trigger[aria-expanded="true"] { background: var(--bg-3); color: var(--fg); }
[data-theme] .nah .nah-pop {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  box-shadow: 0 20px 48px -16px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.22);
  overflow: hidden auto;
  z-index: var(--z-dropdown);
}
[data-theme] .nah .nah-pop.hidden { display: none; }

[data-theme] .nah .nah-add-pop {
  bottom: calc(100% + 8px);
  left: 0;
  min-width: 212px;
  border-radius: 10px;
  padding: 5px;
  gap: 1px;
}
[data-theme] .nah .nah-add-pop.flip { bottom: auto; top: calc(100% + 8px); }
[data-theme] .nah .nah-add-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--fg-2);
  font: 500 13px var(--font-body);
  text-align: left;
  text-decoration: none;
}
[data-theme] .nah .nah-add-item:hover { background: var(--bg-3); color: var(--fg); }
[data-theme] .nah .nah-add-item svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--fg-3); }
[data-theme] .nah .nah-add-item:hover svg { color: var(--fg-2); }
[data-theme] .nah .nah-add-sep { height: 1px; flex: 0 0 1px; margin: 4px 6px; background: var(--line); }
[data-theme] .nah .nah-add-item--integrations { display: none; }
[data-theme] .nah .composer-popover {
  border-radius: 12px;
  box-shadow: 0 20px 48px -16px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.22);
}
[data-theme] .nah .composer-popover.flip { bottom: auto; top: calc(100% + 8px); }
[data-theme] .nah .composer-menu { width: 334px; }
[data-theme] .nah .composer-scope__panel { width: 302px; }
[data-theme] .nah .composer-menu-head {
  padding: 13px 15px 11px;
  font-size: 10px;
  letter-spacing: 0.15em;
}
[data-theme] .nah .composer-menu-list { padding: 6px; display: flex; flex-direction: column; gap: 3px; }
[data-theme] .nah .composer-menu-item { padding: 9px 10px; border-radius: 8px; gap: 9px; }
[data-theme] .nah .composer-menu-item:hover { background: var(--bg-3); }
[data-theme] .nah .composer-menu-item.is-selected {
  background: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);
}
:root[data-theme="light"] .nah .composer-menu-item.is-selected {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);
}
[data-theme] .nah .composer-menu-item.is-selected:hover { background: var(--bg-3); }
[data-theme] .nah .composer-menu-icon { flex-basis: 15px; width: 15px; height: 15px; }
[data-theme] .nah .composer-menu-title { font-size: 13.5px; letter-spacing: -0.01em; }
[data-theme] .nah .composer-menu-desc {
  font-size: 12px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  text-wrap: pretty;
}
[data-theme] .nah .composer-menu-tag {
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 9.5px;
  font-weight: var(--weight-bold);
  letter-spacing: 0.06em;
}
[data-theme] .nah .composer-scope .composer-scope__search { height: 34px; }
[data-theme] .nah .composer-scope .composer-scope__search:focus-visible {
  border-color: var(--accent) !important; /* !important matches the base rule's own escape from theme.css globals */
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);
}
[data-theme] .nah .composer-scope__list { max-height: 252px; }
[data-theme] .nah .composer-scope__option { min-height: 38px; padding: 8px 10px; gap: 10px; }
[data-theme] .nah .import-banner {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .nah .import-banner:hover { background: var(--bg-3); border-color: var(--hover-border); }
[data-theme] .nah .import-banner-tag {
  flex-shrink: 0;
  padding: 3px 7px;
  border-radius: 5px;
  background: var(--accent);
  color: var(--accent-fg);
  font: 700 9.5px var(--font-mono);
  letter-spacing: 0.12em;
  forced-color-adjust: none;
}
[data-theme] .nah .import-banner-text { flex: 1; min-width: 0; font: 500 13px var(--font-body); color: var(--fg-2); text-wrap: pretty; }
[data-theme] .nah .import-banner-text--compact { display: none; }
[data-theme] .nah .import-banner-text b { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .nah .import-banner-cta { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; font: 600 12px var(--font-body); color: var(--accent-text); }
[data-theme] .nah .import-banner-cta svg { width: 13px; height: 13px; }
[data-theme] .nah .nah-chips {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
[data-theme] .nah .nah-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 10px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--fg-3);
  font: 500 12.5px var(--font-body);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .nah .nah-chip:hover { background: var(--bg-3); border-color: var(--line-2); color: var(--fg); }
[data-theme] .nah .nah-chip > svg { flex: 0 0 auto; width: 15px; height: 15px; color: var(--fg-4); }
[data-theme] .nah .nah-chip:hover > svg { color: var(--fg-2); }
[data-theme] .nah .nah-chip--extra { display: none; }

[data-theme] .nah .nah-more { position: relative; display: flex; }
[data-theme] .nah .nah-chip-more { width: 100%; gap: 5px; }
[data-theme] .nah .nah-more-cv { width: 12px; height: 12px; color: var(--fg-4); transition: transform 0.18s ease; }
[data-theme] .nah .nah-chip-more[aria-expanded="true"] { background: var(--bg-3); border-color: var(--line-2); color: var(--fg); }
[data-theme] .nah .nah-chip-more[aria-expanded="true"] .nah-more-cv { transform: rotate(180deg); color: var(--fg-2); }
[data-theme] .nah .nah-ideas-pop { top: calc(100% + 8px); right: 0; width: 248px; }
[data-theme] .nah .nah-ideas-pop.flip { top: auto; bottom: calc(100% + 8px); }
[data-theme] .nah .nah-ideas-body { display: flex; flex-direction: column; gap: 1px; padding: 6px; max-height: min(64vh, 392px); overflow-y: auto; }
[data-theme] .nah .nah-idea {
  display: flex;
  flex: 0 0 38px;
  align-items: center;
  gap: 11px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--fg-2);
  font: 500 13.5px var(--font-body);
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .nah .nah-idea > svg { flex: 0 0 auto; width: 17px; height: 17px; color: var(--fg-3); }
[data-theme] .nah .nah-idea:hover { background: var(--bg-3); color: var(--fg); }
[data-theme] .nah .nah-idea:hover > svg { color: var(--fg-2); }
[data-theme] .nah .nah-idea-ext { margin-left: auto; display: flex; color: var(--fg-4); }
[data-theme] .nah .nah-idea-ext svg { width: 14px; height: 14px; }
[data-theme] .nah .nah-idea-sep { height: 1px; flex: 0 0 1px; margin: 5px 8px; background: var(--line); }
[data-theme] .nah .app-ctx { display: none; }
[data-theme] .nah .sheet-close { display: none; }
[data-theme] .nah .nah-scrim { display: none; }
[data-theme] .nah[data-track="agent"] .integrations-tool,
[data-theme] .nah[data-track="agent"] .nah-add-item--integrations { display: none; }
[data-theme] .nah:not([data-track="apps"]) .import-only { display: none; }
[data-theme] .nah:not([data-track="apps"]) .import-banner { display: none; }
[data-theme] .nah:not([data-track="apps"]) .apps-only { display: none; }
@media (max-width: 639px) {
  [data-theme] .nah .dash-hero-sub { display: none; }
  [data-theme] .nah .composer-foot { gap: 6px; flex-wrap: nowrap; align-items: center; }
  [data-theme] .nah .composer-tools { gap: 1px; flex: 1; min-width: 0; flex-wrap: nowrap; }
  [data-theme] .nah .composer-right { gap: 2px; flex-shrink: 0; }
  [data-theme] .nah .composer-tool { width: 32px; height: 32px; }
  [data-theme] .nah .composer-tool-pill { width: auto; margin-left: 2px; padding: 0 7px; gap: 4px; }
  [data-theme] .nah .composer-tool-pill > span { display: none; }
  [data-theme] .nah .composer-tool-pill .composer-tool-chevron { display: none; }
  [data-theme] .nah .integrations-tool { display: none; }
  [data-theme] .nah .nah-add-item--integrations { display: flex; }
  [data-theme] .nah .send { width: 34px; height: 34px; flex-shrink: 0; }
  [data-theme] .nah .composer textarea { font-size: 15px; }
  [data-theme] .nah .import-banner { gap: 10px; }
  [data-theme] .nah .import-banner-tag { padding: 2.5px 6px; font-size: 8.5px; letter-spacing: 0.1em; }
  [data-theme] .nah .import-banner-text { font-size: 12.5px; line-height: 1.35; }
  [data-theme] .nah .import-banner-text--full { display: none; }
  [data-theme] .nah .import-banner-text--compact { display: block; }
  [data-theme] .nah .import-banner-cta-label { display: none; }
  [data-theme] .nah .import-banner-cta svg { width: 14px; height: 14px; }
  [data-theme] .nah .nah-chips {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    margin: 10px calc(-1 * var(--container-pad-mobile)) 0 0;
    padding: 0 var(--container-pad-mobile) 2px 0;
  }
  [data-theme] .nah .nah-chips::-webkit-scrollbar { display: none; }
  [data-theme] .nah .nah-chip { flex: 0 0 auto; scroll-snap-align: start; }
  [data-theme] .nah .nah-chip > svg { width: 14px; height: 14px; }
  [data-theme] .nah .nah-chip--extra { display: inline-flex; }
  [data-theme] .nah .nah-more { display: none; }
  [data-theme] .nah .app-ctx {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 8px 8px 11px;
    background: var(--bg-2);
    border: 1px solid var(--line-2);
    border-radius: var(--radius-md);
  }
  [data-theme] .nah .app-ctx[hidden] { display: none; }
  [data-theme] .nah .app-ctx > svg { flex: 0 0 auto; width: 15px; height: 15px; color: var(--accent-text); }
  [data-theme] .nah .app-ctx-label { font: 600 9px var(--font-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg-3); }
  [data-theme] .nah .app-ctx-name { flex: 1; min-width: 0; font: 600 13px var(--font-body); color: var(--fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  [data-theme] .nah .app-ctx-x {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--fg-4);
    cursor: pointer;
  }
  [data-theme] .nah .app-ctx-x:hover { background: var(--bg-3); color: var(--fg-2); }
  [data-theme] .nah .app-ctx-x svg { width: 12px; height: 12px; }
  [data-theme] .nah .composer-popover,
  [data-theme] .nah .nah-pop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: auto;
    max-width: none;
    min-width: 0;
    max-height: 76vh;
    border-radius: 20px 20px 0 0;
    border-bottom: 0;
    z-index: var(--z-modal);
    display: flex;
    flex-direction: column;
    visibility: visible;
    transform: translateY(0);
    transition: transform 0.34s cubic-bezier(0.32, 0.72, 0, 1), visibility 0s;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  [data-theme] .nah .composer-popover.hidden,
  [data-theme] .nah .nah-pop.hidden {
    display: flex;
    visibility: hidden;
    transform: translateY(100%);
    transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), visibility 0s linear 0.32s;
  }
  [data-theme] .nah .composer-popover::before,
  [data-theme] .nah .nah-pop::before {
    content: "";
    display: block;
    flex: 0 0 4px;
    width: 38px;
    height: 4px;
    border-radius: var(--radius-pill);
    background: var(--line-2);
    margin: 9px auto 6px;
  }
  [data-theme] .nah .composer-autocomplete {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 8px);
    top: auto;
    max-height: 280px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--line-2);
    z-index: var(--z-dropdown);
    display: block;
    visibility: visible;
    transform: none;
    transition: none;
  }
  [data-theme] .nah .composer-autocomplete.hidden { display: none; }
  [data-theme] .nah .composer-autocomplete::before { content: none; }
  [data-theme] .nah .sheet-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--bg-3);
    border: 0;
    border-radius: var(--radius-pill);
    color: var(--fg-2);
    cursor: pointer;
    z-index: 5;
    transition: background var(--t-base), color var(--t-base), transform var(--t-fast);
  }
  [data-theme] .nah .sheet-close::after { content: ""; position: absolute; inset: -6px; }
  [data-theme] .nah .sheet-close:hover { background: var(--hover-bg-strong); color: var(--fg); }
  [data-theme] .nah .sheet-close:active { background: var(--hover-bg-strong); transform: scale(0.92); }
  [data-theme] .nah .sheet-close svg { width: 17px; height: 17px; }
  [data-theme] .nah .composer-menu,
  [data-theme] .nah .composer-scope__panel { width: auto; }
  [data-theme] .nah .composer-menu-head { padding: 4px 58px 12px 16px; background: transparent; }
  [data-theme] .nah .composer-menu-list {
    padding: 7px 7px 16px;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overscroll-behavior: contain;
  }
  [data-theme] .nah .composer-menu-list::after {
    content: "";
    position: sticky;
    bottom: 0;
    flex: 0 0 22px;
    margin-top: -8px;
    background: var(--card-bg);
    -webkit-mask-image: linear-gradient(to top, black, transparent);
            mask-image: linear-gradient(to top, black, transparent);
    pointer-events: none;
  }
  [data-theme] .nah .composer-menu-item {
    padding: 12px;
    min-height: 52px;
    flex-shrink: 0;
    align-items: flex-start;
    box-shadow: inset 0 0 0 1px var(--line-2);
  }
  [data-theme] .nah .composer-menu-group { flex-shrink: 0; }
  [data-theme] .nah .composer-menu-foot { flex-shrink: 0; }
  [data-theme] .nah .composer-menu-title { font-size: 14.5px; }
  [data-theme] .nah .composer-menu-desc { font-size: 12.5px; }
  [data-theme] .nah .nah-add-pop { padding: 2px 7px 16px; }
  [data-theme] .nah .nah-add-item { padding: 13px 12px; font-size: 14.5px; min-height: 48px; gap: 12px; }
  [data-theme] .nah .nah-add-item svg { width: 18px; height: 18px; }
  [data-theme] .nah .nah-add-sep { margin: 5px 12px; }
  [data-theme] .nah .composer-scope__searchwrap { padding: 8px 12px 10px; }
  [data-theme] .nah .composer-scope__list { max-height: min(46vh, 300px); padding: 7px 7px 16px; }
  [data-theme] .nah .composer-scope__option { min-height: 46px; padding: 10px 12px; }
  [data-theme] .nah .composer-scope__option-name { font-size: 14.5px; }
  [data-theme] .nah .nah-scrim {
    display: block;
    position: fixed;
    inset: 0;
    background: var(--scrim);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: calc(var(--z-modal) - 1);
  }
  [data-theme] .nah.sheet-open .nah-scrim { opacity: 1; pointer-events: auto; }
}
@media (max-width: 639px) and (prefers-reduced-motion: reduce) {
  [data-theme] .nah .composer-popover,
  [data-theme] .nah .composer-popover.hidden,
  [data-theme] .nah .nah-pop,
  [data-theme] .nah .nah-pop.hidden,
  [data-theme] .nah .nah-scrim {
    transition: none;
  }
}

[data-theme] .lifecycle {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: var(--space-5) var(--space-6);
  margin-bottom: var(--space-6);
}
[data-theme] .lifecycle-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}
[data-theme] .lifecycle-title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-display);
  font-weight: var(--weight-semibold);
  font-size: 16px;
  color: var(--fg);
}
[data-theme] .lifecycle-title i { color: var(--accent-text); font-size: 14px; }

[data-theme] .lifecycle-status {
  font-size: 12.5px;
  color: var(--fg-2);
  text-align: right;
}
[data-theme] .lifecycle-status strong { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .lifecycle-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  padding: 5px 12px;
  border-radius: var(--radius-pill);
  font-size: 11.5px;
  font-weight: var(--weight-semibold);
  border: 1px solid transparent;
  line-height: 1.2;
  text-align: left;
}
[data-theme] .lifecycle-badge--stuck {
  color: var(--danger-fg);
  background: var(--danger-bg);
  border-color: color-mix(in srgb, var(--danger-fg) 38%, transparent);
}
[data-theme] .lifecycle-badge--done {
  color: var(--success-fg);
  background: var(--success-bg);
  border-color: color-mix(in srgb, var(--success-fg) 38%, transparent);
}
[data-theme] .lifecycle-rail {
  display: flex;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-theme] .lifecycle-stage {
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 var(--space-1);
}
[data-theme] .lifecycle-stage::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 50%;
  left: -50%;
  height: 2px;
  background: var(--line);
  z-index: 0;
}
[data-theme] .lifecycle-stage:first-child::before { display: none; }
[data-theme] .lifecycle-stage:is([data-state="completed"], [data-state="current"], [data-state="stuck"])::before {
  background: var(--success-fg);
}
[data-theme] .lifecycle-stage[data-state="skipped"]::before {
  background: transparent;
  border-top: 2px dashed var(--line-2);
  height: 0;
}
[data-theme] .lifecycle-node {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 11px;
  background: var(--bg-2);
  border: 2px solid var(--line);
  color: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .lifecycle-stage[data-state="completed"] .lifecycle-node {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .lifecycle-stage[data-state="current"] .lifecycle-node {
  --lc-ring: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
  animation: lc-node-pulse var(--t-pulse) ease-in-out infinite;
}
[data-theme] .lifecycle-stage[data-state="stuck"] .lifecycle-node {
  --lc-ring: var(--danger-fg);
  border-color: var(--danger-fg);
  color: var(--danger-fg);
  animation: lc-node-pulse var(--t-pulse) ease-in-out infinite;
}
[data-theme] .lifecycle-stage[data-state="skipped"] .lifecycle-node {
  border-style: dashed;
  border-color: var(--line-2);
  color: var(--fg-4);
}

@keyframes lc-node-pulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--lc-ring) 45%, transparent); }
  50%      { box-shadow: 0 0 0 7px color-mix(in srgb, var(--lc-ring) 0%, transparent); }
}
[data-theme] .lifecycle-label {
  margin-top: var(--space-2);
  max-width: 100%;
  font-size: 12px;
  font-weight: var(--weight-semibold);
  line-height: 1.25;
  color: var(--fg-2);
  overflow-wrap: break-word;
}
[data-theme] .lifecycle-stage:is([data-state="current"], [data-state="stuck"]) .lifecycle-label { color: var(--fg); }
[data-theme] .lifecycle-stage:is([data-state="skipped"], [data-state="pending"]) .lifecycle-label {
  color: var(--fg-3);
  font-weight: var(--weight-medium);
}
[data-theme] .lifecycle-meta {
  margin-top: 2px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.02em;
  color: var(--fg-4);
}
[data-theme] .lifecycle-stage[data-state="skipped"] .lifecycle-meta { font-style: italic; }
[data-theme] .lifecycle-stage[data-state="stuck"] .lifecycle-meta { color: var(--danger-fg); }
[data-theme] .lifecycle-focus {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--line);
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--fg-2);
}
[data-theme] .lifecycle-focus i { color: var(--fg-3); margin-top: 2px; flex: 0 0 auto; }
[data-theme] .lifecycle-focus strong { color: var(--fg); font-weight: var(--weight-semibold); }
@media (max-width: 720px) {
  [data-theme] .lifecycle-head { flex-direction: column; align-items: flex-start; }
  [data-theme] .lifecycle-status, [data-theme] .lifecycle-badge { text-align: left; }

  [data-theme] .lifecycle-rail { flex-direction: column; align-items: stretch; }
  [data-theme] .lifecycle-stage {
    flex-direction: row;
    align-items: center;
    gap: var(--space-3);
    text-align: left;
    padding: var(--space-1-5) 0;
    min-height: 36px;
  }
  [data-theme] .lifecycle-stage::before {
    top: -50%;
    bottom: 50%;
    left: 13px;
    right: auto;
    width: 2px;
    height: auto;
  }
  [data-theme] .lifecycle-stage[data-state="skipped"]::before {
    height: auto;
    border-top: 0;
    border-left: 2px dashed var(--line-2);
    background: transparent;
  }
  [data-theme] .lifecycle-label { margin-top: 0; }
  [data-theme] .lifecycle-meta { margin-top: 0; margin-left: auto; }
}

[data-theme] .payments-body {
  background: var(--bg);
  color: var(--fg);
  min-height: 100vh;
  font-family: var(--font-body);
}

[data-theme] .payments-shell {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 32px var(--container-pad) 96px;
}
@media (max-width: 720px) {
  [data-theme] .payments-shell {
    padding: 20px var(--container-pad-mobile) 64px;
  }
}
[data-theme] .payments-subnav {
  display: inline-flex;
  gap: 2px;
  margin: 0 0 28px;
  padding: 3px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 8px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
[data-theme] .payments-subnav::-webkit-scrollbar { display: none; }

[data-theme] .payments-subnav-item {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border-radius: 6px;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--t-base) var(--ease-out),
              background var(--t-base) var(--ease-out);
}
[data-theme] .payments-subnav-item:hover {
  color: var(--fg);
}
[data-theme] .payments-subnav-item--active {
  color: var(--fg);
  background: var(--bg-2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

[data-theme] .payments-tab-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 720px) {
  [data-theme] .payments-subnav {
    margin-bottom: 20px;
  }
  [data-theme] .payments-subnav-item {
    padding: 6px 12px;
    font-size: 13px;
  }
}
[data-theme] .payments-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
[data-theme] .payments-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
[data-theme] .payments-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 40px;
  line-height: 1.05;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.02em;
}
[data-theme] .payments-subtitle {
  font-size: 15px;
  color: var(--fg-3);
  margin: 0;
  max-width: 56ch;
}
[data-theme] .payments-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .payments-refresh-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  font-size: 13px;
  font-family: var(--font-body);
  cursor: pointer;
  transition: border-color var(--t-base) var(--ease-out),
              background var(--t-base) var(--ease-out);
}
[data-theme] .payments-refresh-btn:hover {
  border-color: var(--hover-border);
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .payments-refresh-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme] .payments-mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 12px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
}
[data-theme] .payments-mode-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .payments-mode-pill--live { color: var(--accent-text); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
[data-theme] .payments-mode-pill--live::before { background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent); }
[data-theme] .payments-mode-pill--test,
[data-theme] .payments-mode-pill--kyc_required {
  color: #f5c245;
  border-color: color-mix(in srgb, #f5c245 40%, var(--line));
}
[data-theme] .payments-mode-pill--test::before,
[data-theme] .payments-mode-pill--kyc_required::before {
  background: #f5c245;
}
[data-theme] .payments-mode-pill--action_required { color: #ff7a7a; border-color: color-mix(in srgb, #ff7a7a 40%, var(--line)); }
[data-theme] .payments-mode-pill--action_required::before { background: #ff7a7a; }
[data-theme] .payments-mode-pill--setup_pending,
[data-theme] .payments-mode-pill--not_connected { color: var(--fg-3); }
[data-theme] .payments-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--warning-fg);
  border-radius: var(--radius-md);
  margin-bottom: 24px;
}
[data-theme] .payments-banner--rejected { border-left-color: var(--danger-fg); }
[data-theme] .payments-banner--success  { border-left-color: var(--success-fg); }

[data-theme] .payments-banner-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--warning-bg);
  color: var(--warning-fg);
  font-size: 18px;
}
[data-theme] .payments-banner--rejected .payments-banner-icon { background: var(--danger-bg); color: var(--danger-fg); }
[data-theme] .payments-banner--success  .payments-banner-icon { background: var(--success-bg); color: var(--success-fg); }

[data-theme] .payments-banner-body { flex: 1; min-width: 0; }
[data-theme] .payments-banner-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
  margin: 0 0 2px;
}
[data-theme] .payments-banner-desc {
  font-size: 13px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .payments-banner-action {
  flex: 0 0 auto;
}
[data-theme] .payments-banner-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out);
  forced-color-adjust: none;
}
[data-theme] .payments-banner-cta:hover { background: var(--primary-hover); }
@media (max-width: 640px) {
  [data-theme] .payments-banner {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  [data-theme] .payments-banner-body {
    flex-basis: 100%;
    min-width: 100%;
  }
  [data-theme] .payments-banner-action {
    flex-basis: 100%;
    width: 100%;
    margin-top: 4px;
  }
  [data-theme] .payments-banner-cta {
    width: 100%;
    justify-content: center;
  }
}
[data-theme] .payments-card {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 26px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
[data-theme] .payments-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .payments-card-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
  margin: 0;
  letter-spacing: 0.01em;
}
[data-theme] .payments-card-eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 4px;
}
[data-theme] .payments-card-help {
  font-size: 13px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .payments-card-link {
  color: var(--accent-text);
  font-size: 13px;
  text-decoration: none;
}
[data-theme] .payments-card-link:hover { text-decoration: underline; }
[data-theme] .payments-two-col {
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 960px) {
  [data-theme] .payments-two-col { grid-template-columns: 1fr; }
}
[data-theme] .payments-cash-card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 18px 20px;
}
[data-theme] .payments-cash-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  margin: 0 0 10px;
}
[data-theme] .payments-balance-amount {
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 700;
  color: var(--fg);
  margin: 0;
  line-height: 1.1;
  letter-spacing: -0.01em;
}
[data-theme] .payments-balance-currency {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
  margin-left: 6px;
  vertical-align: middle;
}
[data-theme] .payments-balance-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
[data-theme] .payments-balance-stat-label {
  font-size: 11px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fg-3);
  margin: 0 0 4px;
}
[data-theme] .payments-balance-stat-value {
  font-weight: 600;
  font-size: 15px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .payments-balance-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
[data-theme] .payments-balance-actions-disabled {
  font-size: 12px;
  color: var(--fg-3);
  font-style: italic;
}
[data-theme] .payments-embed-slot {
  background: var(--bg-1);
  border: 1px dashed var(--line-2);
  border-radius: var(--radius-md);
  padding: 16px;
  min-height: 120px;
  color: var(--fg-3);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
[data-theme] .payments-embed-slot--loaded {
  border-style: solid;
  padding: 0;
  background: transparent;
  align-items: stretch;
  justify-content: stretch;
  display: block;
}
[data-theme] .payments-embed-slot--loaded > * { width: 100%; }
[data-theme] .payments-embed-slot--loaded iframe {
  width: 100%;
  min-width: 100%;
  border: 0;
  display: block;
}
[data-theme] .payments-identity-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 24px;
}
@media (max-width: 540px) {
  [data-theme] .payments-identity-grid { grid-template-columns: 1fr; }
}
[data-theme] .payments-identity-label {
  font-size: 11px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fg-3);
  margin: 0 0 2px;
}
[data-theme] .payments-identity-value {
  font-size: 14px;
  color: var(--fg);
  margin: 0;
  font-weight: 500;
  word-break: break-word;
}
[data-theme] .payments-identity-value--muted { color: var(--fg-3); font-weight: 400; font-style: italic; }
[data-theme] .payments-identity-value--mono { font-family: var(--font-mono); font-size: 12px; }
[data-theme] .payments-identity-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
[data-theme] .payments-identity-status--ok  { color: var(--success-fg); }
[data-theme] .payments-identity-status--warn { color: var(--warning-fg); }
[data-theme] .payments-identity-status--err  { color: var(--danger-fg); }
[data-theme] .payments-identity-decline-reason {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--fg-2);
  word-break: break-word;
}
[data-theme] .payments-section { margin-bottom: 32px; }
[data-theme] .payments-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
[data-theme] .payments-section-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .payments-section-meta {
  font-size: 12px;
  font-family: var(--font-mono);
  color: var(--fg-3);
}

[data-theme] .payments-table {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .payments-table-head,
[data-theme] .payments-table-row {
  display: grid;
  grid-template-columns: 2.4fr 1.2fr 0.8fr 1fr 1fr;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
}
[data-theme] .payments-table-head {
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fg-3);
}
[data-theme] .payments-table-row + .payments-table-row {
  border-top: 1px solid var(--line);
}
[data-theme] .payments-table-row {
  transition: background var(--t-base) var(--ease-out);
}
[data-theme] .payments-table-row:hover {
  background: color-mix(in srgb, var(--bg-3) 30%, transparent);
}
[data-theme] .payments-table-app {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
[data-theme] .payments-table-app-logo {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  font-size: 12px;
  flex: 0 0 auto;
}
[data-theme] .payments-table-app-logo img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-theme] .payments-table-app-name {
  font-weight: 500;
  color: var(--fg);
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .payments-table-app-meta {
  font-size: 12px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .payments-table-status {
  font-size: 13px;
}
[data-theme] .payments-table-cell-ok  { color: var(--success-fg); }
[data-theme] .payments-table-cell-err { color: var(--danger-fg); }
[data-theme] .payments-table-cell-muted { color: var(--fg-3); }
[data-theme] .payments-table-cell-num {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 500;
  color: var(--fg);
}
[data-theme] .payments-table-empty {
  padding: 32px 20px;
  text-align: center;
  color: var(--fg-3);
  font-size: 14px;
}
[data-theme] .payments-table-footer {
  padding: 12px 20px;
  border-top: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .payments-add-app-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 14px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
}
[data-theme] .payments-add-app-btn:hover {
  border-color: var(--hover-border);
  background: var(--hover-bg);
}
[data-theme] .payments-apps-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
[data-theme] .payments-apps-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
[data-theme] .payments-apps-search input[type="text"] {
  background: var(--bg-1);
  border: 1px solid var(--line);
  color: var(--fg);
  padding: 7px 12px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-family: inherit;
  width: 260px;
  max-width: 100%;
  transition: border-color var(--t-base) var(--ease-out);
}
[data-theme] .payments-apps-search input[type="text"]::-moz-placeholder {
  color: var(--fg-4);
}
[data-theme] .payments-apps-search input[type="text"]::placeholder {
  color: var(--fg-4);
}
[data-theme] .payments-apps-search input[type="text"]:focus {
  outline: none;
  border-color: var(--accent);
}
[data-theme] .payments-apps-search-clear {
  color: var(--fg-3);
  font-size: 12px;
  text-decoration: underline;
}
[data-theme] .payments-apps-search-clear:hover { color: var(--fg-2); }
[data-theme] .payments-apps-count {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .payments-apps-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 20px;
  border-top: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .payments-apps-pagination-link {
  color: var(--accent-text);
  font-size: 13px;
  text-decoration: none;
}
[data-theme] .payments-apps-pagination-link:hover { text-decoration: underline; }
[data-theme] .payments-apps-pagination-disabled {
  color: var(--fg-4);
  font-size: 13px;
}
[data-theme] .payments-apps-page-indicator {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .payments-recent {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .payments-recent-row {
  display: grid;
  grid-template-columns: 1fr 1.3fr 1.3fr 1fr 0.8fr 1.1fr;
  gap: 16px;
  padding: 12px 20px;
  border-top: 1px solid var(--line);
  align-items: center;
  font-size: 13px;
}
[data-theme] .payments-recent-row:first-child { border-top: 0; }
[data-theme] .payments-recent-head {
  background: var(--bg-1);
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fg-3);
}
[data-theme] .payments-recent-amount {
  font-family: var(--font-mono);
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .payments-recent-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
}
[data-theme] .payments-recent-receipt {
  color: var(--accent-text);
  text-decoration: none;
  white-space: nowrap;
}
[data-theme] .payments-recent-receipt:hover { text-decoration: underline; }
[data-theme] .payments-recent-receipt--muted {
  color: var(--fg-3);
  font-size: 12px;
}
[data-theme] .payments-recent-empty {
  padding: 32px 20px;
  text-align: center;
  color: var(--fg-3);
  font-size: 13px;
}
[data-theme] .payments-dev {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
[data-theme] .payments-dev-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 500;
  font-size: 14px;
  color: var(--fg);
}
[data-theme] .payments-dev-summary::after {
  content: "›";
  color: var(--fg-3);
  font-size: 18px;
  transition: transform var(--t-base) var(--ease-out);
}
[data-theme] details[open] .payments-dev-summary::after { transform: rotate(90deg); }
[data-theme] .payments-dev-body {
  padding: 0 20px 20px;
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}
[data-theme] .payments-dev-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
[data-theme] .payments-dev-key {
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fg-3);
}
[data-theme] .payments-dev-value {
  font-family: var(--font-mono);
  font-size: 12px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-xs);
  padding: 8px 10px;
  color: var(--fg-2);
  word-break: break-all;
}
[data-theme] .payments-poll-spinner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .payments-poll-spinner::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--line);
  border-top-color: var(--accent);
  animation: payments-spin 0.8s linear infinite;
}
@keyframes payments-spin {
  to { transform: rotate(360deg); }
}
[data-theme] .payments-footer-attribution {
  margin-top: 48px;
  text-align: center;
  font-size: 11px;
  color: var(--fg-4);
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
}
[data-theme] .kyc-action-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 36px;
  padding: 6px 16px;
  background: color-mix(in srgb, var(--warning-fg) 18%, var(--bg-1));
  border-bottom: 1px solid color-mix(in srgb, var(--warning-fg) 35%, var(--line));
  color: var(--fg);
  font-size: 13px;
  font-weight: 500;
  position: relative;
  white-space: nowrap;
}
[data-theme] .kyc-action-banner-text-short { display: none; }
[data-theme] .kyc-action-banner-text-full { display: inline; }
[data-theme] .kyc-action-banner-link {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  padding: 4px 0;
}
[data-theme] .kyc-action-banner-link:hover { text-decoration: underline; }
[data-theme] .kyc-action-banner-dismiss {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  color: var(--fg-3);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 4px 8px;
  margin-left: 4px;
  border-radius: 4px;
  min-width: 32px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .kyc-action-banner-dismiss:hover {
  color: var(--fg);
  background: color-mix(in srgb, var(--warning-fg) 12%, transparent);
}
[data-theme] .kyc-action-banner-dismiss:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
}
@media (max-width: 480px) {
  [data-theme] .kyc-action-banner {
    gap: 8px;
    padding: 6px 10px;
    font-size: 12px;
  }
  [data-theme] .kyc-action-banner-text-full { display: none; }
  [data-theme] .kyc-action-banner-text-short { display: inline; }
  [data-theme] .kyc-action-banner-link {
    font-size: 12px;
    white-space: nowrap;
  }
}
[data-theme] .payments-table-app-logo--bucket-0 { background: color-mix(in srgb, #45e760 18%, var(--bg-3)); color: #45e760; }
[data-theme] .payments-table-app-logo--bucket-1 { background: color-mix(in srgb, #5b9dff 18%, var(--bg-3)); color: #8fbcff; }
[data-theme] .payments-table-app-logo--bucket-2 { background: color-mix(in srgb, #22d3ee 18%, var(--bg-3)); color: #67e8f9; }
[data-theme] .payments-table-app-logo--bucket-3 { background: color-mix(in srgb, #fb923c 18%, var(--bg-3)); color: #fdba74; }
[data-theme] .payments-table-app-logo--bucket-4 { background: color-mix(in srgb, #f472b6 18%, var(--bg-3)); color: #f9a8d4; }
[data-theme] .payments-table-app-logo--bucket-5 { background: color-mix(in srgb, #2dd4bf 18%, var(--bg-3)); color: #5eead4; }
[data-theme] .payments-table-app-logo--bucket-6 { background: color-mix(in srgb, #facc15 14%, var(--bg-3)); color: #fde047; }
[data-theme] .payments-table-app-logo--bucket-7 { background: color-mix(in srgb, #f87171 18%, var(--bg-3)); color: #fca5a5; }
[data-theme] .payments-apps-callout {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: color-mix(in srgb, var(--warning-fg) 8%, var(--card-bg));
  border: 1px solid color-mix(in srgb, var(--warning-fg) 28%, var(--line));
  border-radius: var(--radius-lg);
}
[data-theme] .payments-apps-callout-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--warning-fg) 20%, transparent);
  color: var(--warning-fg);
  font-size: 16px;
}
[data-theme] .payments-apps-callout-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .payments-apps-callout-title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .payments-apps-callout-desc {
  margin: 0;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.45;
}
[data-theme] .payments-apps-callout-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  background: var(--accent);
  border: 1px solid var(--accent);
  border-radius: var(--radius-sm);
  color: var(--bg);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: filter var(--t-base) var(--ease-out);
  forced-color-adjust: none;
}
[data-theme] .payments-apps-callout-cta:hover { filter: brightness(1.06); }
[data-theme] .payments-apps-callout form { margin: 0; }
@media (max-width: 720px) {
  [data-theme] .payments-apps-callout {
    flex-direction: column;
    align-items: stretch;
  }
  [data-theme] .payments-apps-callout-cta { justify-content: center; }
}
[data-theme] .payments-embed-slot--balance { min-height: 160px; }
[data-theme] .payments-embed-slot--withdraw-button { min-height: 44px; }
[data-theme] .payments-embed-slot--withdrawals { min-height: 200px; }
[data-theme] .payments-embed-modal-launcher-host {
  min-height: 0;
}
[data-theme] .payments-embed-modal-launcher {
  margin-top: 8px;
  min-height: 0;
  text-align: left;
}
[data-theme] .payments-embed-modal-launcher:empty {
  display: none;
}
[data-theme] .payments-embed-modal-launcher-error {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 420px;
}
[data-theme] .payments-embed-modal-launcher-title {
  margin: 0;
  color: var(--fg);
  font-size: 13px;
  font-weight: 600;
}
[data-theme] .payments-embed-modal-launcher-detail {
  margin: 0;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.4;
}
[data-theme] .payments-identity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}
[data-theme] .payments-identity-actions form {
  margin: 0;
}
[data-theme] .payments-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-size: 13px;
  font-weight: 500;
  font-family: var(--font-body);
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
}
[data-theme] .payments-card-btn:hover {
  border-color: var(--hover-border);
  background: var(--hover-bg);
}
[data-theme] .payments-card-btn--primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .payments-card-btn--primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
[data-theme] .payments-card-btn--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--fg-2);
}
[data-theme] .payments-card-btn--ghost:hover {
  background: var(--hover-bg);
  color: var(--fg);
  border-color: transparent;
}
[data-theme] .payments-section-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
[data-theme] .payments-fee-intro {
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.55;
  margin: 0 0 16px;
}
[data-theme] .payments-fee-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
[data-theme] .payments-fee-table th {
  text-align: left;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 500;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .payments-fee-table th.payments-fee-cost-col,
[data-theme] .payments-fee-table td.payments-fee-cost {
  text-align: right;
  white-space: nowrap;
}
[data-theme] .payments-fee-table td {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
[data-theme] .payments-fee-table tr:last-child td { border-bottom: 0; }
[data-theme] .payments-fee-name {
  display: block;
  color: var(--fg);
  font-weight: 600;
}
[data-theme] .payments-fee-note {
  display: block;
  margin-top: 3px;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.45;
}
[data-theme] .payments-fee-cost {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--fg);
  padding-left: 16px;
}
[data-theme] .payments-fee-foot {
  margin: 16px 0 0;
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .payments-fee-link {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: 600;
}
[data-theme] .payments-fee-link:hover { text-decoration: underline; }
[data-theme] .payments-marketplace-card .payments-card-help strong {
  color: var(--fg);
  font-weight: 600;
}
[data-theme] .payments-marketplace-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
[data-theme] .payments-testcheckout-card { margin-top: 24px; }
[data-theme] .payments-testcheckout-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: var(--radius-pill, 999px);
  background: var(--bg-3);
  border: 1px solid var(--line);
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
[data-theme] .payments-testcheckout-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
[data-theme] .payments-testcheckout-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .payments-testcheckout-app { min-width: 0; }
[data-theme] .payments-testcheckout-app-name {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .payments-testcheckout-code {
  margin: 3px 0 0;
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .payments-testcheckout-code code {
  font-family: var(--font-mono);
  color: var(--accent-text);
  font-size: 12px;
}

[data-theme] .billing-shell {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 32px var(--container-pad) 96px;
}
@media (max-width: 720px) {
  [data-theme] .billing-shell {
    padding: 20px var(--container-pad-mobile) 64px;
  }
}
[data-theme] .billing-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
[data-theme] .billing-header-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .billing-header-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .billing-header-subtitle {
  font-size: 15px;
  color: var(--fg-3);
  margin: 0;
  max-width: 56ch;
}
@media (max-width: 720px) {
  [data-theme] .billing-header-title { font-size: 26px; }
}
[data-theme] .billing-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 32px;
  align-items: start;
}
@media (max-width: 960px) {
  [data-theme] .billing-layout { grid-template-columns: 1fr; }
}
[data-theme] .billing-main,
[data-theme] .billing-aside {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
[data-theme] .billing-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .billing-card-head {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .billing-card-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  letter-spacing: 0.01em;
}
[data-theme] .billing-card-subtitle {
  font-size: 13px;
  color: var(--fg-3);
  margin: 4px 0 0;
}
[data-theme] .billing-card-attribution {
  font-size: 11px;
  color: var(--fg-4);
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
}
[data-theme] .billing-card-eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 6px;
}
[data-theme] .billing-card-body { padding: 24px; }
[data-theme] .billing-card-body--tight { padding: 16px 24px; }
[data-theme] .billing-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-body);
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
  white-space: nowrap;
}
[data-theme] .billing-card-btn:hover {
  border-color: var(--hover-border);
  background: var(--hover-bg);
}
[data-theme] .billing-card-btn[disabled],
[data-theme] .billing-card-btn--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
[data-theme] .billing-card-btn--primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .billing-card-btn--primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
[data-theme] .billing-card-btn--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--fg-2);
}
[data-theme] .billing-card-btn--ghost:hover {
  background: var(--hover-bg);
  color: var(--fg);
  border-color: transparent;
}
[data-theme] .billing-card-btn--danger {
  background: transparent;
  border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line));
  color: var(--danger-fg);
}
[data-theme] .billing-card-btn--danger:hover {
  background: color-mix(in srgb, var(--danger-fg) 10%, transparent);
  border-color: var(--danger-fg);
}
[data-theme] .billing-card-btn--lg {
  height: 44px;
  padding: 0 24px;
  font-size: 14px;
}
[data-theme] .billing-card-btn--block { width: 100%; }
[data-theme] .billing-card-btn-form { margin: 0; display: inline-flex; }
[data-theme] .billing-aside-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  color: var(--fg-2);
  text-decoration: none;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .billing-aside-link:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .billing-aside-link svg,
[data-theme] .billing-aside-link i {
  color: var(--fg-3);
  flex: 0 0 auto;
  transition: color var(--t-base) var(--ease-out);
}
[data-theme] .billing-aside-link:hover svg,
[data-theme] .billing-aside-link:hover i { color: var(--accent-text); }
[data-theme] .billing-aside-link--event-glow {
  position: relative;
  z-index: 0;
  color: var(--fg);
}
[data-theme] .billing-aside-link--event-glow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(
    from var(--credits-cta-angle),
    var(--accent-2),
    var(--accent),
    #eafff0,
    var(--accent),
    var(--accent-2)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: credits-cta-rotate 2s linear infinite;
  z-index: -1;
  pointer-events: none;
}
[data-theme] .billing-aside-link--event-glow svg {
  color: var(--accent-text);
}
[data-theme] .billing-aside-link-2x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 5px;
  margin-left: auto;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-fg);
  font: 700 11px var(--font-body);
  line-height: 1;
  flex: 0 0 auto;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .billing-aside-link--event-glow::before {
    animation: none;
  }
}
[data-theme] .billing-headline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
[data-theme] .billing-plan-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.15;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .billing-plan-meta {
  font-size: 14px;
  color: var(--fg-2);
  margin: 4px 0 0;
}
[data-theme] .billing-plan-price {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  color: var(--fg-3);
  margin: 4px 0 0;
}
[data-theme] .billing-plan-price-accent {
  color: var(--accent-text);
  font-weight: 600;
}
[data-theme] .billing-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 12px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
}
[data-theme] .billing-status-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .billing-status-pill--active,
[data-theme] .billing-status-pill--ok {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}
[data-theme] .billing-status-pill--active::before,
[data-theme] .billing-status-pill--ok::before {
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);
}
[data-theme] .billing-status-pill--warn {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
}
[data-theme] .billing-status-pill--warn::before { background: var(--warning-fg); }
[data-theme] .billing-status-pill--danger {
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line));
}
[data-theme] .billing-status-pill--danger::before { background: var(--danger-fg); }
[data-theme] .billing-status-pill--info {
  color: var(--info-fg);
  border-color: color-mix(in srgb, var(--info-fg) 40%, var(--line));
}
[data-theme] .billing-status-pill--info::before { background: var(--info-fg); }
[data-theme] .billing-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 600;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-text);
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
}
[data-theme] .billing-status-chip--info {
  background: var(--info-bg);
  color: var(--info-fg);
  border-color: color-mix(in srgb, var(--info-fg) 28%, var(--line));
}
[data-theme] .billing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
[data-theme] .billing-callout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 20px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .billing-callout-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: 16px;
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .billing-callout-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .billing-callout-title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .billing-callout-desc {
  margin: 0;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.5;
}
[data-theme] .billing-callout-action {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
}
[data-theme] .billing-callout--warn {
  background: color-mix(in srgb, var(--warning-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--warning-fg) 30%, var(--line));
}
[data-theme] .billing-callout--warn .billing-callout-icon {
  background: color-mix(in srgb, var(--warning-fg) 18%, transparent);
  color: var(--warning-fg);
}
[data-theme] .billing-callout--info {
  background: color-mix(in srgb, var(--info-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--info-fg) 30%, var(--line));
}
[data-theme] .billing-callout--info .billing-callout-icon {
  background: color-mix(in srgb, var(--info-fg) 18%, transparent);
  color: var(--info-fg);
}
[data-theme] .billing-callout--success {
  background: color-mix(in srgb, var(--success-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--success-fg) 30%, var(--line));
}
[data-theme] .billing-callout--success .billing-callout-icon {
  background: color-mix(in srgb, var(--success-fg) 18%, transparent);
  color: var(--success-fg);
}
[data-theme] .billing-callout--danger {
  background: color-mix(in srgb, var(--danger-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}
[data-theme] .billing-callout--danger .billing-callout-icon {
  background: color-mix(in srgb, var(--danger-fg) 18%, transparent);
  color: var(--danger-fg);
}
[data-theme] .billing-balance-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
[data-theme] .billing-balance-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-2);
}
[data-theme] .billing-balance-amount {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
}
[data-theme] .billing-balance-amount--low { color: var(--warning-fg); }
[data-theme] .billing-balance-amount--debt { color: var(--danger-fg); }
[data-theme] .billing-balance-unit {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
  margin-left: 4px;
}

[data-theme] .billing-progress {
  width: 100%;
  height: 10px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
[data-theme] .billing-progress-fill {
  height: 100%;
  background: var(--accent-text);
  transition: width var(--t-slow) var(--ease-out);
}
[data-theme] .billing-progress-fill--ok { background: var(--accent-text); }
[data-theme] .billing-progress-fill--warn { background: #f5c245; }
[data-theme] .billing-progress-fill--high { background: #f5a73c; }
[data-theme] .billing-progress-fill--danger { background: var(--danger-fg); }

[data-theme] .billing-progress-caption {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .billing-progress-caption strong {
  color: var(--fg);
  font-weight: 600;
}

[data-theme] .billing-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 20px;
}
@media (max-width: 540px) {
  [data-theme] .billing-stat-grid { grid-template-columns: 1fr; }
}
[data-theme] .billing-stat {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 14px 16px;
}
[data-theme] .billing-stat-label {
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fg-3);
  margin: 0 0 6px;
}
[data-theme] .billing-stat-value {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--fg);
  margin: 0;
  font-variant-numeric: tabular-nums;
}
[data-theme] .billing-stat-value--muted {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .billing-breakdown-total {
  text-align: center;
  margin-bottom: 24px;
}
[data-theme] .billing-breakdown-total-label {
  font-size: 12px;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fg-3);
  margin: 0 0 6px;
}
[data-theme] .billing-breakdown-total-amount {
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 700;
  color: var(--fg);
  margin: 0;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
[data-theme] .billing-breakdown-total-meta {
  font-size: 12px;
  color: var(--fg-3);
  margin: 6px 0 0;
}

[data-theme] .billing-breakdown-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-theme] .billing-breakdown-row {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 14px 16px;
}
[data-theme] .billing-breakdown-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
[data-theme] .billing-breakdown-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .billing-breakdown-name svg,
[data-theme] .billing-breakdown-name i { color: var(--fg-3); }
[data-theme] .billing-breakdown-amount {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .billing-breakdown-amount-unit {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 12px;
  color: var(--fg-3);
  margin-left: 4px;
}
[data-theme] .billing-breakdown-bar {
  width: 100%;
  height: 6px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
[data-theme] .billing-breakdown-bar-fill {
  height: 100%;
  background: var(--accent-text);
  transition: width var(--t-slow) var(--ease-out);
}
[data-theme] .billing-breakdown-bar-fill--blue { background: #5b9dff; }
[data-theme] .billing-breakdown-bar-fill--green { background: var(--accent-text); }
[data-theme] .billing-breakdown-bar-fill--orange { background: #fb923c; }
[data-theme] .billing-breakdown-bar-fill--cyan { background: #67d4ee; }
[data-theme] .billing-breakdown-bar-fill--slate { background: var(--fg-3); }
[data-theme] .billing-breakdown-bar-fill--gray { background: var(--fg-3); }

[data-theme] .billing-breakdown-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  font-size: 11px;
  color: var(--fg-3);
  font-family: var(--font-mono);
}
[data-theme] .billing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
[data-theme] .billing-table th,
[data-theme] .billing-table td {
  padding: 12px 20px;
  text-align: left;
  vertical-align: middle;
}
[data-theme] .billing-table thead th {
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fg-3);
  font-weight: 500;
}
[data-theme] .billing-table tbody tr {
  border-top: 1px solid var(--line);
  transition: background var(--t-base) var(--ease-out);
}
[data-theme] .billing-table tbody tr:first-child { border-top: 0; }
[data-theme] .billing-table tbody tr:hover {
  background: color-mix(in srgb, var(--bg-3) 30%, transparent);
}
[data-theme] .billing-table td {
  color: var(--fg-2);
}
[data-theme] .billing-table td.billing-table-cell-num,
[data-theme] .billing-table th.billing-table-cell-num {
  text-align: right;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
[data-theme] .billing-table td.billing-table-cell-center,
[data-theme] .billing-table th.billing-table-cell-center {
  text-align: center;
}
[data-theme] .billing-table-cell-debit { color: var(--danger-fg); font-weight: 600; }
[data-theme] .billing-table-cell-credit { color: var(--success-fg); font-weight: 600; }
[data-theme] .billing-table-cell-strong { color: var(--fg); font-weight: 500; }
[data-theme] .billing-table-empty {
  padding: 40px 20px;
  text-align: center;
  color: var(--fg-3);
  font-size: 14px;
}

[data-theme] .billing-table-category-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--bg-3);
  color: var(--fg-2);
  border: 1px solid var(--line);
  white-space: nowrap;
}
[data-theme] .billing-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--bg-3);
  color: var(--fg-2);
  border: 1px solid var(--line);
}
[data-theme] .billing-status-badge--ok {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
}
[data-theme] .billing-status-badge--warn {
  background: color-mix(in srgb, var(--warning-fg) 14%, transparent);
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 30%, var(--line));
}
[data-theme] .billing-status-badge--danger {
  background: color-mix(in srgb, var(--danger-fg) 14%, transparent);
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}

[data-theme] .billing-link {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: 500;
}
[data-theme] .billing-link:hover { text-decoration: underline; }
[data-theme] .billing-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 14px 20px;
  border-top: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .billing-pagination-link {
  color: var(--accent-text);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
[data-theme] .billing-pagination-link:hover { text-decoration: underline; }
[data-theme] .billing-pagination-disabled {
  color: var(--fg-4);
  font-size: 13px;
}
[data-theme] .billing-pagination-indicator {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}
[data-theme] .billing-modal-overlay {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--bg) 80%, transparent);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: var(--z-modal);
  padding: 40px 16px;
  overflow-y: auto;
}
[data-theme] .billing-modal {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  width: 100%;
  max-width: 960px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
[data-theme] .billing-modal--narrow { max-width: 720px; }
[data-theme] .billing-modal-head {
  position: sticky;
  top: 0;
  background: var(--card-bg);
  border-bottom: 1px solid var(--line);
  padding: 20px 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  z-index: 1;
}
[data-theme] .billing-modal-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .billing-modal-subtitle {
  font-size: 13px;
  color: var(--fg-3);
  margin: 6px 0 0;
}
[data-theme] .billing-modal-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  color: var(--fg-3);
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .billing-modal-close:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .billing-modal-body { padding: 24px; }
[data-theme] .billing-modal-footer {
  padding: 16px 24px;
  border-top: 1px solid var(--line);
  background: var(--bg-1);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
[data-theme] .billing-tier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
[data-theme] .billing-tier-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 24px;
  transition: border-color var(--t-base) var(--ease-out),
              background var(--t-base) var(--ease-out);
}
[data-theme] .billing-tier-card:hover {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}
[data-theme] .billing-tier-card--current {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
  background: color-mix(in srgb, var(--accent) 6%, var(--card-bg));
}
[data-theme] .billing-tier-card--popular {
  border-color: color-mix(in srgb, var(--accent) 60%, var(--line));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);
}
[data-theme] .billing-tier-card--disabled {
  opacity: 0.55;
}
[data-theme] .billing-tier-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--accent);
  color: var(--accent-fg);
  white-space: nowrap;
  forced-color-adjust: none;
}
[data-theme] .billing-tier-badge--current {
  background: var(--bg-3);
  color: var(--fg-2);
  border: 1px solid var(--line);
}
[data-theme] .billing-tier-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .billing-tier-credits {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--fg);
  margin: 6px 0 0;
}
[data-theme] .billing-tier-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 16px 0 4px;
}
[data-theme] .billing-tier-price-amount {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.02em;
}
[data-theme] .billing-tier-price-unit {
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .billing-tier-price-strike {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  color: var(--fg-4);
  text-decoration: line-through;
  margin-right: 6px;
}
[data-theme] .billing-tier-price-meta {
  font-size: 12px;
  color: var(--fg-3);
  margin: 0 0 16px;
}
[data-theme] .billing-tier-price-meta strong {
  color: var(--accent-text);
  font-weight: 600;
}
[data-theme] .billing-tier-features {
  list-style: none;
  margin: 16px 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
}
[data-theme] .billing-tier-feature {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.45;
}
[data-theme] .billing-tier-feature svg,
[data-theme] .billing-tier-feature i {
  flex: 0 0 auto;
  color: var(--accent-text);
  margin-top: 2px;
}
[data-theme] .billing-tier-cta {
  width: 100%;
  margin-top: auto;
}
[data-theme] .billing-tier-delta {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--fg-3);
}
[data-theme] .billing-tier-delta--up { color: var(--info-fg); }
[data-theme] .billing-tier-delta--down { color: var(--accent-text); }
[data-theme] button.billing-tier-card {
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
[data-theme] button.billing-tier-card[disabled] { cursor: not-allowed; }
[data-theme] .billing-toggle-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
}
[data-theme] .billing-toggle-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
  transition: color var(--t-base) var(--ease-out);
}
[data-theme] .billing-toggle-label--active { color: var(--fg); }
[data-theme] .billing-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out);
}
[data-theme] .billing-switch[aria-checked="true"],
[data-theme] .billing-switch--on {
  background: var(--accent);
  border-color: var(--accent);
}
[data-theme] .billing-switch-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: transform var(--t-base) var(--ease-out);
}
[data-theme] .billing-switch[aria-checked="true"] .billing-switch-knob,
[data-theme] .billing-switch--on .billing-switch-knob {
  transform: translateX(20px);
}
[data-theme] .billing-auto-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
[data-theme] .billing-auto-toggle-track {
  width: 44px;
  height: 24px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  position: relative;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
}
[data-theme] .billing-auto-toggle-track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: transform var(--t-base) var(--ease-out);
}
[data-theme] .billing-auto-toggle input:checked + .billing-auto-toggle-track {
  background: var(--accent);
  border-color: var(--accent);
}
[data-theme] .billing-auto-toggle input:checked + .billing-auto-toggle-track::after {
  transform: translateX(20px);
}
[data-theme] .billing-auto-toggle input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
[data-theme] .billing-input,
[data-theme] .billing-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 9px 12px;
  width: 100%;
  transition: border-color var(--t-base) var(--ease-out),
              box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .billing-input:focus,
[data-theme] .billing-select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .billing-input--inline { width: auto; max-width: 160px; }
[data-theme] .billing-field-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  margin-bottom: 6px;
}
[data-theme] .billing-field-help {
  font-size: 12px;
  color: var(--fg-3);
  margin: 6px 0 0;
}
[data-theme] .billing-radio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
[data-theme] .billing-radio-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color var(--t-base) var(--ease-out),
              background var(--t-base) var(--ease-out);
  position: relative;
}
[data-theme] .billing-radio-card:hover {
  border-color: var(--hover-border);
}
[data-theme] .billing-radio-card--selected {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
[data-theme] .billing-radio-card input { position: absolute; opacity: 0; pointer-events: none; }
[data-theme] .billing-radio-card-amount {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--fg);
}
[data-theme] .billing-radio-card-meta {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 2px;
}
[data-theme] .billing-radio-card-price {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-text);
  margin-top: 6px;
}
[data-theme] .billing-segmented {
  display: inline-flex;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 4px;
  gap: 4px;
}
[data-theme] .billing-segmented-item {
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
  text-decoration: none;
  transition: background var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .billing-segmented-item:hover { color: var(--fg-2); }
[data-theme] .billing-segmented-item--active {
  background: var(--card-bg);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}

[data-theme] .billing-tabs {
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 0;
  margin-bottom: 24px;
  overflow-x: auto;
  scrollbar-width: none;
}
[data-theme] .billing-tabs::-webkit-scrollbar { display: none; }
[data-theme] .billing-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: var(--fg-3);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
}
[data-theme] .billing-tab:hover { color: var(--fg-2); }
[data-theme] .billing-tab--active {
  color: var(--fg);
  border-bottom-color: var(--accent);
  font-weight: 600;
}
[data-theme] .billing-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
[data-theme] .billing-summary-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 18px 20px;
}
[data-theme] .billing-summary-card-icon {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  color: var(--fg-2);
  font-size: 16px;
}
[data-theme] .billing-summary-card--primary .billing-summary-card-icon,
[data-theme] .billing-summary-card-icon--accent {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent-text);
}
[data-theme] .billing-summary-card-icon--warn {
  background: var(--warning-bg);
  color: var(--warning-fg);
}
[data-theme] .billing-summary-card-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 6px;
}
[data-theme] .billing-summary-card-value {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  margin: 0;
}
[data-theme] .billing-summary-card-meta {
  font-size: 12px;
  color: var(--fg-3);
  margin: 6px 0 0;
}
[data-theme] .billing-bundle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
[data-theme] .billing-bundle-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 24px;
}
[data-theme] .billing-bundle-card--popular {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);
}
[data-theme] .billing-bundle-credit-block {
  background: color-mix(in srgb, var(--accent) 10%, var(--bg-1));
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  border-radius: var(--radius-md);
  padding: 14px 16px;
  margin: 16px 0;
}
[data-theme] .billing-bundle-credit-amount {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  color: var(--accent-text);
}
[data-theme] .billing-bundle-credit-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--accent-text);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
[data-theme] .billing-mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
[data-theme] .billing-muted { color: var(--fg-3); }
[data-theme] .billing-strong { color: var(--fg); font-weight: 600; }
[data-theme] .billing-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--fg-3);
  text-decoration: none;
}
[data-theme] .billing-back-link:hover { color: var(--fg); }
[data-theme] .billing-topup {
  background: color-mix(in srgb, var(--accent) 5%, var(--card-bg));
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .billing-topup-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line));
}
[data-theme] .billing-topup-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent-text);
}
[data-theme] .billing-topup-head-text { flex: 1 1 auto; min-width: 0; }
[data-theme] .billing-topup-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  letter-spacing: 0.01em;
}
[data-theme] .billing-topup-sub {
  font-size: 13px;
  color: var(--fg-2);
  margin: 3px 0 0;
}
[data-theme] .billing-topup-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  height: 26px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-fg);
  background: var(--accent);
  forced-color-adjust: none;
}
[data-theme] .billing-topup-body { padding: 24px; }
[data-theme] .billing-topup-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
  [data-theme] .billing-topup-form {
    grid-template-columns: 1.4fr 1fr;
    align-items: end;
  }
  [data-theme] .billing-topup-field--action { grid-column: 1 / -1; }
}
[data-theme] .billing-topup-field { min-width: 0; }
[data-theme] .billing-topup-threshold {
  display: flex;
  align-items: center;
  gap: 10px;
}
[data-theme] .billing-topup-threshold .billing-input--inline { max-width: 130px; }
[data-theme] .billing-topup-active-line {
  font-size: 14px;
  color: var(--fg);
  margin: 0 0 10px;
  line-height: 1.5;
}
[data-theme] .billing-topup-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}
[data-theme] .billing-topup-needs-card-copy {
  font-size: 14px;
  color: var(--fg-2);
  line-height: 1.55;
  margin: 0 0 16px;
}
[data-theme] .billing-empty {
  text-align: center;
  padding: 40px 16px;
  color: var(--fg-3);
}
[data-theme] .billing-empty-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--bg-1);
  color: var(--fg-4);
  font-size: 22px;
}
[data-theme] .billing-empty-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .billing-empty-meta {
  font-size: 12px;
  color: var(--fg-4);
  margin: 6px 0 0;
}

[data-theme] .affiliate-shell {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 32px var(--container-pad) 96px;
}
@media (max-width: 720px) {
  [data-theme] .affiliate-shell {
    padding: 20px var(--container-pad-mobile) 64px;
  }
}
[data-theme] .affiliate-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
[data-theme] .affiliate-header-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .affiliate-header-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .affiliate-header-subtitle {
  font-size: 15px;
  color: var(--fg-3);
  margin: 0;
  max-width: 62ch;
  line-height: 1.55;
}
@media (max-width: 720px) {
  [data-theme] .affiliate-header-title { font-size: 26px; }
}
[data-theme] .affiliate-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 860px;
}
[data-theme] .affiliate-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .affiliate-card-head {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .affiliate-card-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  letter-spacing: 0.01em;
}
[data-theme] .affiliate-card-subtitle {
  font-size: 13px;
  color: var(--fg-3);
  margin: 6px 0 0;
  line-height: 1.55;
  max-width: 68ch;
}
[data-theme] .affiliate-card-subtitle strong { color: var(--fg-2); font-weight: 600; }
[data-theme] .affiliate-card-body { padding: 24px; }
[data-theme] .affiliate-card-section + .affiliate-card-section { margin-top: 24px; }
[data-theme] .affiliate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-body);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .affiliate-btn:hover {
  border-color: var(--hover-border);
  background: var(--hover-bg);
}
[data-theme] .affiliate-btn svg,
[data-theme] .affiliate-btn i { flex: 0 0 auto; }
[data-theme] .affiliate-btn--sm {
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
[data-theme] .affiliate-btn--primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .affiliate-btn--primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
[data-theme] .affiliate-btn-form { margin: 0; display: inline-flex; }
[data-theme] .affiliate-share {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 640px) {
  [data-theme] .affiliate-share { flex-direction: row; align-items: center; }
}
[data-theme] .affiliate-code {
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: var(--bg-1);
  border: 1px solid var(--line);
  color: var(--fg);
  font-family: var(--font-mono);
  font-size: 13px;
  word-break: break-all;
}
[data-theme] .affiliate-share-intents {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
[data-theme] .affiliate-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
@media (min-width: 640px) {
  [data-theme] .affiliate-stats { grid-template-columns: repeat(2, 1fr); }
}
[data-theme] .affiliate-stat-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
[data-theme] .affiliate-stat-term {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 4px;
}
[data-theme] .affiliate-stat-def {
  font-size: 14px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .affiliate-stat-def--mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
[data-theme] .affiliate-stat-note {
  color: var(--fg-3);
  font-size: 13px;
}
[data-theme] .affiliate-promo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
[data-theme] .affiliate-promo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
[data-theme] .affiliate-promo-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
}
[data-theme] .affiliate-promo-hint {
  font-size: 12px;
  color: var(--fg-3);
  margin: 0 0 8px;
}
[data-theme] .affiliate-promo-hint strong { color: var(--fg-2); font-weight: 600; }
[data-theme] .affiliate-textarea {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  padding: 12px 14px;
  resize: vertical;
  transition: border-color var(--t-base) var(--ease-out),
              box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .affiliate-textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .affiliate-brandmarks {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
[data-theme] .affiliate-brandmarks-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
  margin: 0 0 4px;
}
[data-theme] .affiliate-brandmarks-note {
  font-size: 12px;
  color: var(--fg-3);
  margin: 0 0 12px;
}
[data-theme] .affiliate-brandmarks-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

[data-theme] .affiliate-link {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: 500;
}
[data-theme] .affiliate-link:hover { text-decoration: underline; }
[data-theme] .affiliate-help {
  font-size: 13px;
  color: var(--fg-3);
  margin: 24px 0 0;
}
[data-theme] .affiliate-earned { margin-bottom: 20px; }
[data-theme] .affiliate-earned-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 6px;
}
[data-theme] .affiliate-earned-amount {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--fg);
  margin: 0;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

[data-theme] .affiliate-table-wrap {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow-x: auto;
}
[data-theme] .affiliate-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
[data-theme] .affiliate-table th,
[data-theme] .affiliate-table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
}
[data-theme] .affiliate-table thead th {
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--fg-3);
  font-weight: 500;
}
[data-theme] .affiliate-table tbody tr { border-top: 1px solid var(--line); }
[data-theme] .affiliate-table tbody tr:first-child { border-top: 0; }
[data-theme] .affiliate-table td { color: var(--fg-2); }
[data-theme] .affiliate-table-cell-amount {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .affiliate-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--bg-3);
  color: var(--fg-2);
  border: 1px solid var(--line);
}
[data-theme] .affiliate-status-badge--ok {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
}

[data-theme] .affiliate-empty-text {
  font-size: 14px;
  color: var(--fg-3);
  margin: 0;
  line-height: 1.55;
  max-width: 60ch;
}
[data-theme] .affiliate-callout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 20px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--info-fg) 10%, var(--card-bg));
  border: 1px solid color-mix(in srgb, var(--info-fg) 30%, var(--line));
}
[data-theme] .affiliate-callout-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--info-fg) 18%, transparent);
  color: var(--info-fg);
}
[data-theme] .affiliate-callout-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .affiliate-callout-title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .affiliate-callout-desc {
  margin: 0;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.55;
}
[data-theme] .affiliate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
[data-theme] .affiliate-how {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
}
[data-theme] .affiliate-how-step {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
[data-theme] .affiliate-how-num {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background: var(--bg-3);
  border: 1px solid var(--line);
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
}
[data-theme] .affiliate-how-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .affiliate-how-title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .affiliate-how-desc {
  margin: 0;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.55;
}
[data-theme] .affiliate-how-desc strong { color: var(--fg); font-weight: 600; }
[data-theme] .affiliate-invites {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}
[data-theme] .affiliate-invite {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-1);
}
@media (min-width: 640px) {
  [data-theme] .affiliate-invite {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
}
[data-theme] .affiliate-invite-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex-wrap: wrap;
}
[data-theme] .affiliate-invite-code {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--fg);
  word-break: break-all;
}
[data-theme] .affiliate-invite-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
[data-theme] .affiliate-invite-countdown {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--fg-2);
  white-space: nowrap;
}
[data-theme] .affiliate-invite-countdown svg { flex: 0 0 auto; }
[data-theme] .affiliate-invite-countdown-label {
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 12px;
}
[data-theme] .affiliate-invite-countdown--urgent { color: var(--danger-fg); }
[data-theme] .affiliate-invite--expired,
[data-theme] .affiliate-invite--past { background: var(--bg-2); }
[data-theme] .affiliate-invite--expired .affiliate-invite-code,
[data-theme] .affiliate-invite--past .affiliate-invite-code {
  color: var(--fg-3);
  font-weight: 600;
}
[data-theme] .affiliate-invite--expired .affiliate-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme] .affiliate-invite-note {
  font-size: 12px;
  color: var(--fg-3);
  white-space: nowrap;
}
[data-theme] .affiliate-invite-history { margin-top: 24px; }
[data-theme] .affiliate-invite-history-title {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 10px;
}
[data-theme] .affiliate-invites--past .affiliate-invite { padding: 10px 16px; }

[data-theme] .topup-modal-overlay {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--bg) 75%, rgba(0, 0, 0, 0.55));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: opacity var(--t-base) var(--ease-out);
}

[data-theme] .topup-modal-panel {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  width: 100%;
  max-width: min(960px, calc(100vw - 2rem));
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  position: relative;
  max-height: min(85vh, 820px);
  display: flex;
  flex-direction: column;
}
[data-theme] .topup-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
}
[data-theme] .topup-modal-eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin: 0 0 4px;
}
[data-theme] .topup-modal-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .topup-modal-subtitle {
  font-size: 13px;
  color: var(--fg-3);
  margin: 4px 0 0;
}
[data-theme] .topup-modal-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
[data-theme] .topup-modal-event-countdown {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--warning-fg) 12%, var(--bg-1));
  border: 1px solid color-mix(in srgb, var(--warning-fg) 32%, var(--line));
  color: var(--warning-fg);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
[data-theme] .topup-modal-event-countdown svg {
  flex: 0 0 auto;
  margin-right: 2px;
}
[data-theme] .topup-modal-event-countdown span {
  font-family: var(--font-body);
  font-weight: 500;
}
[data-theme] .topup-modal-event-countdown-value {
  font-family: var(--font-mono);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  margin-left: 4px;
}
[data-theme] .topup-modal-event-countdown-unit {
  font-family: var(--font-mono);
  font-weight: 500;
  margin-right: 2px;
}
[data-theme] .topup-modal-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  cursor: pointer;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
  flex: 0 0 auto;
}
[data-theme] .topup-modal-close:hover {
  background: var(--hover-bg);
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .topup-modal-balance {
  padding: 16px 24px;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
}
[data-theme] .topup-modal-balance-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
[data-theme] .topup-modal-balance-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .topup-modal-balance-amount {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  margin-left: 8px;
}
[data-theme] .topup-modal-balance-unit {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-3);
  margin-left: 4px;
}
[data-theme] .topup-modal-balance-usage {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}

[data-theme] .topup-modal-progress {
  margin-top: 10px;
  width: 100%;
  height: 8px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
[data-theme] .topup-modal-progress-fill {
  height: 100%;
  background: var(--accent-text);
  transition: width var(--t-slow) var(--ease-out);
}
[data-theme] .topup-modal-progress-fill--ok { background: var(--accent-text); }
[data-theme] .topup-modal-progress-fill--warn { background: var(--warning-fg); }
[data-theme] .topup-modal-progress-fill--high { background: #f5a73c; }
[data-theme] .topup-modal-progress-fill--danger { background: var(--danger-fg); }
[data-theme] .topup-modal-upsell-wrap {
  padding: 16px 24px 0;
  flex-shrink: 0;
}
[data-theme] .topup-modal-upsell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  border-radius: var(--radius-md);
  flex-wrap: wrap;
}
[data-theme] .topup-modal-upsell-body {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 320px;
  min-width: 0;
}
[data-theme] .topup-modal-upsell-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--accent) 20%, transparent);
  color: var(--accent-text);
}
[data-theme] .topup-modal-upsell-text {
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.45;
}
[data-theme] .topup-modal-upsell-text strong {
  color: var(--fg);
  font-weight: 600;
}
[data-theme] .topup-modal-balance-first {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 20px 24px 0;
  padding: 16px 18px;
  background: color-mix(in srgb, var(--accent, #45e760) 12%, var(--bg-1));
  border: 1px solid color-mix(in srgb, var(--accent, #45e760) 55%, var(--line));
  border-radius: var(--radius-lg);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent, #45e760) 18%, transparent);
}
[data-theme] .topup-modal-balance-first-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--accent, #45e760);
  color: #06170d;
}
[data-theme] .topup-modal-balance-first-body {
  min-width: 0;
}
[data-theme] .topup-modal-balance-first-eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin: 0 0 4px;
}
[data-theme] .topup-modal-balance-first-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.25;
  color: var(--fg);
  margin: 0 0 4px;
}
[data-theme] .topup-modal-balance-first-text {
  font-size: 13px;
  line-height: 1.45;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .topup-modal-balance-first-text strong {
  color: var(--fg);
  font-weight: 600;
}
[data-theme] .topup-modal-body {
  padding: 24px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
[data-theme] .topup-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 640px) {
  [data-theme] .topup-modal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  [data-theme] .topup-modal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

[data-theme] .topup-pack {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 20px;
  transition: border-color var(--t-base) var(--ease-out),
              background var(--t-base) var(--ease-out),
              box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .topup-pack:hover {
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
}
[data-theme] .topup-pack--popular {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  background: color-mix(in srgb, var(--accent) 6%, var(--card-bg));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent),
              var(--shadow);
}
[data-theme] .topup-pack-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--accent);
  color: var(--accent-fg);
  white-space: nowrap;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent);
  forced-color-adjust: none;
}

[data-theme] .topup-pack-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
[data-theme] .topup-pack-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.005em;
  min-width: 0;
  overflow-wrap: anywhere;
}
[data-theme] .topup-pack-discount {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
}
[data-theme] .topup-pack-tagline {
  font-size: 12px;
  color: var(--fg-3);
  margin: 6px 0 0;
  min-height: 2.5em;
  line-height: 1.4;
}

[data-theme] .topup-pack-credits {
  margin-top: 16px;
}
[data-theme] .topup-pack-credits-total {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  min-width: 0;
  gap: 6px;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
[data-theme] .topup-pack-credits-unit {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .topup-pack-bonus {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--accent-text);
  font-variant-numeric: tabular-nums;
}

[data-theme] .topup-pack-price {
  margin-top: 16px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  min-width: 0;
  gap: 8px;
}
[data-theme] .topup-pack-price-amount {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
[data-theme] .topup-pack-price-strike {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-4);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}
[data-theme] .topup-pack-price-meta {
  font-size: 11px;
  color: var(--fg-3);
  margin: 4px 0 0;
}

[data-theme] .topup-pack-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  height: 40px;
  padding: 0 16px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-body);
  cursor: pointer;
  text-decoration: none;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
  white-space: nowrap;
}
[data-theme] .topup-pack-buy:hover {
  background: var(--hover-bg);
  border-color: var(--hover-border);
}
[data-theme] .topup-pack-buy--primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .topup-pack-buy--primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--accent-fg);
}
[data-theme] .topup-pack-buy--wrap {
  white-space: normal;
  height: auto;
  min-height: 40px;
  line-height: 1.25;
  padding-top: 8px;
  padding-bottom: 8px;
}
[data-theme] .topup-pack-buy--upsell {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  height: 32px;
  padding: 0 14px;
  font-size: 12px;
  width: auto;
  margin-top: 0;
  forced-color-adjust: none;
}
[data-theme] .topup-pack-buy--upsell:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--accent-fg);
}
[data-theme] .topup-modal-subnote {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
[data-theme] .topup-modal-subnote-text {
  font-size: 13px;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .topup-modal-subnote-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-text);
  text-decoration: none;
  transition: color var(--t-base) var(--ease-out);
}
[data-theme] .topup-modal-subnote-link:hover {
  color: var(--accent-text-hover);
}
[data-theme] .topup-modal-footer {
  padding: 14px 24px;
  background: var(--bg-1);
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
[data-theme] .topup-modal-secure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--fg-3);
}
[data-theme] .topup-modal-secure svg {
  color: var(--accent-text);
  flex: 0 0 auto;
}
[data-theme] .topup-modal-cancel {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
  cursor: pointer;
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  transition: background var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .topup-modal-cancel:hover {
  background: var(--hover-bg);
  color: var(--fg);
}

@media (max-width: 540px) {
  [data-theme] .topup-modal-header { padding: 16px 20px; flex-wrap: wrap; }
  [data-theme] .topup-modal-header-actions { order: 3; flex-basis: 100%; justify-content: space-between; }
  [data-theme] .topup-modal-event-countdown { flex: 1 1 auto; }
  [data-theme] .topup-modal-balance { padding: 14px 20px; }
  [data-theme] .topup-modal-upsell-wrap { padding: 14px 20px 0; }
  [data-theme] .topup-modal-body { padding: 20px; }
  [data-theme] .topup-modal-footer { padding: 12px 20px; }
}
[data-theme] .topup-modal-error {
  margin: 12px 24px 0;
  padding: 10px 14px;
  border: 1px solid color-mix(in srgb, var(--danger-fg) 45%, var(--line));
  background: var(--danger-bg);
  color: var(--danger-fg);
  border-radius: var(--radius-md);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  flex-shrink: 0;
}
[data-theme] .topup-modal-error[hidden] { display: none; }
[data-theme] .topup-modal-error-refresh {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 6px;
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: var(--radius-sm);
  cursor: pointer;
}
[data-theme] .topup-modal-error-refresh:hover {
  background: color-mix(in srgb, var(--danger-fg) 14%, transparent);
}

@media (max-width: 540px) {
  [data-theme] .topup-modal-error { margin: 12px 20px 0; }
}
[data-theme] .cu-modal[hidden] {
  display: none;
}

[data-theme] .cu-modal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  overflow-y: auto;
}

[data-theme] .cu-modal__scrim {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: color-mix(in srgb, var(--bg) 75%, rgba(0, 0, 0, 0.55));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

[data-theme] .cu-modal__wrap {
  position: relative;
  display: flex;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

[data-theme] .cu-modal__panel {
  position: relative;
  width: 100%;
  max-width: min(520px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

[data-theme] .cu-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.25rem 0.75rem;
}

[data-theme] .cu-modal__eyebrow {
  margin: 0 0 0.125rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-2);
}

[data-theme] .cu-modal__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 650;
  line-height: 1.3;
  color: var(--fg);
}

[data-theme] .cu-modal__close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
  transition: background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);
}

[data-theme] .cu-modal__close svg {
  width: 1rem;
  height: 1rem;
}

[data-theme] .cu-modal__close:hover {
  background: var(--bg-2);
  color: var(--fg);
}

[data-theme] .cu-modal__error {
  margin: 0 1.25rem 0.75rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--danger-fg);
  border-radius: var(--radius-md);
  background: var(--danger-bg);
  color: var(--fg);
  font-size: 0.8125rem;
  line-height: 1.45;
}

[data-theme] .cu-modal__error[hidden] {
  display: none;
}

[data-theme] .cu-modal__body {
  padding: 0 1.25rem 1.25rem;
  overflow-y: auto;
}

[data-theme] .cu-modal__lede {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--fg-2);
}

[data-theme] .cu-modal__compare {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
}

[data-theme] .cu-plan {
  flex: 1 1 0;
  min-width: 0;
  padding: 0.875rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
}
[data-theme] .cu-plan--target {
  border-color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, var(--card-bg));
}

[data-theme] .cu-plan__label {
  margin: 0 0 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-2);
}

[data-theme] .cu-plan__name {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 650;
  color: var(--fg);
}

[data-theme] .cu-plan__per {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--fg-2);
}

[data-theme] .cu-plan__metric {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  flex-wrap: wrap;
}

[data-theme] .cu-plan__metric-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--fg);
}
[data-theme] .cu-plan--target .cu-plan__metric-value {
  color: var(--accent-text);
}

[data-theme] .cu-plan__metric-unit,
[data-theme] .cu-plan__note {
  font-size: 0.75rem;
  color: var(--fg-2);
}

[data-theme] .cu-plan__note {
  margin: 0.4rem 0 0;
}

[data-theme] .cu-modal__arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: var(--fg-2);
}

[data-theme] .cu-modal__arrow svg {
  width: 1.125rem;
  height: 1.125rem;
}

[data-theme] .cu-modal__cta {
  display: block;
  width: 100%;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  color: var(--brand-fg);
  background: var(--brand);
  border: 1px solid var(--brand);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: filter var(--t-fast) var(--ease-out);
}

[data-theme] .cu-modal__cta:hover {
  filter: brightness(1.05);
}

[data-theme] .cu-modal__cta:disabled {
  opacity: 0.65;
  cursor: default;
}

[data-theme] .cu-modal__blocked {
  margin: 1rem 0 0;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--fg);
}

[data-theme] .cu-modal__fineprint {
  margin: 0.625rem 0 0;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--fg-2);
}

[data-theme] .cu-modal__packs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
  gap: 0.625rem;
}

[data-theme] .cu-pack {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.875rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
}

[data-theme] .cu-pack__name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--fg);
}

[data-theme] .cu-pack__credits {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--fg);
}

[data-theme] .cu-pack__credits-unit,
[data-theme] .cu-pack__price {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--fg-2);
}

[data-theme] .cu-pack__buy {
  margin-top: 0.5rem;
  padding: 0.5rem 0.625rem;
  min-height: 2rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--brand-fg);
  background: var(--brand);
  border: 1px solid var(--brand);
  border-radius: var(--radius-md);
  cursor: pointer;
}

[data-theme] .cu-pack__buy:disabled {
  opacity: 0.65;
  cursor: default;
}

[data-theme] .cu-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.875rem 1.25rem;
  border-top: 1px solid var(--line);
  background: var(--bg-2);
}

[data-theme] .cu-modal__inline-link {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}

[data-theme] .cu-modal__dismiss {
  min-height: 2rem;
  padding: 0.4rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--fg);
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
}

[data-theme] .cu-modal__dismiss:hover {
  background: var(--bg-3);
}
body.cu-modal-open {
  overflow: hidden;
}

@media (max-width: 30rem) {
  [data-theme] .cu-modal__compare {
    flex-direction: column;
  }
  [data-theme] .cu-modal__arrow {
    justify-content: center;
    transform: rotate(90deg);
  }

  [data-theme] .cu-modal__footer {
    flex-direction: column-reverse;
    align-items: stretch;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .cu-modal__close,
  [data-theme] .cu-modal__cta {
    transition: none;
  }
}

[data-theme] #integrations_modal.modal {
  max-width: 880px;
}

[data-theme] .integrations-modal .im-head-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
[data-theme] .im-subhead {
  margin: 0;
  font-size: 13px;
  color: var(--fg-3);
  line-height: 1.4;
}
[data-theme] #integrations_modal_frame {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
[data-theme] #integrations_modal_frame > .im-panel,
[data-theme] #integrations_modal_frame > .im-skeleton {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
[data-theme] .im-controls {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .im-search {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
[data-theme] .im-search-box {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
[data-theme] .im-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--fg-4);
  display: inline-flex;
  pointer-events: none;
}
[data-theme] .im-search-input {
  width: 100%;
  height: 40px;
  padding: 0 12px 0 38px;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  color: var(--fg);
  font-size: 14px;
  font-family: var(--font-body);
}
[data-theme] .im-search-input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .im-search-input::placeholder { color: var(--fg-4); }
[data-theme] .im-search-input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .im-search-submit { flex: 0 0 auto; }

[data-theme] .im-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
[data-theme] .im-pill {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--fg-2);
  font-size: 12px;
  font-weight: var(--weight-medium);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--dur-fast, 0.12s) var(--ease-out), color var(--dur-fast, 0.12s) var(--ease-out);
}
[data-theme] .im-pill:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line-2);
}
[data-theme] .im-pill--active {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .im-pill--active:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  color: var(--accent-fg);
}
[data-theme] .im-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 24px 20px;
}

[data-theme] .im-eyebrow {
  margin: 0 0 10px;
  font-family: var(--font-mono, var(--font-body));
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .im-connected { margin-bottom: 20px; }
[data-theme] .im-chips { display: flex; flex-wrap: wrap; gap: 8px; }
[data-theme] .im-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 6px 8px;
  border-radius: var(--radius-pill);
  border: 1px solid color-mix(in srgb, var(--success-fg) 45%, var(--line));
  background: color-mix(in srgb, var(--success-fg) 8%, var(--bg-2));
}
[data-theme] .im-chip-logo {
  position: relative;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border-radius: var(--radius-xs);
  background: var(--bg-3);
  display: grid;
  place-items: center;
  overflow: hidden;
}
[data-theme] .im-chip-letter { font-size: 11px; font-weight: 700; color: var(--fg-2); }
[data-theme] .im-chip-logo-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; background: var(--bg-3); }
[data-theme] .im-chip-name { font-size: 13px; color: var(--fg); font-weight: var(--weight-medium); }
[data-theme] .im-chip-check { display: inline-flex; color: var(--success-fg); }
[data-theme] .im-chip-tell {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0 2px;
  margin-left: 2px;
  font-size: 12px;
  font-weight: var(--weight-medium);
  color: var(--accent-text);
  cursor: pointer;
}
[data-theme] .im-chip-tell:hover { color: var(--accent-text-hover); text-decoration: underline; }
[data-theme] .im-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
[data-theme] .im-card {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
[data-theme] .im-card:hover { border-color: var(--line-2); box-shadow: var(--shadow-sm); }
[data-theme] .im-card--connected { border-color: color-mix(in srgb, var(--success-fg) 40%, var(--line)); }

[data-theme] .im-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
[data-theme] .im-card-logo {
  position: relative;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  display: grid;
  place-items: center;
  overflow: hidden;
}
[data-theme] .im-card-letter { font-size: 15px; font-weight: 700; color: var(--fg-2); }
[data-theme] .im-card-logo-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; background: var(--bg-3); }
[data-theme] .im-card-heading { min-width: 0; flex: 1 1 auto; }
[data-theme] .im-card-title {
  margin: 0;
  font-size: 14px;
  font-weight: var(--weight-semibold);
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .im-card-category { margin: 1px 0 0; font-size: 11px; color: var(--fg-4); }
[data-theme] .im-card-tagline {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme] .im-card-action { margin-top: auto; }
[data-theme] .im-card-connect { width: 100%; }
[data-theme] .im-card-connected {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  font-size: 13px;
  font-weight: var(--weight-medium);
  color: var(--success-fg);
}
[data-theme] .im-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  padding: 32px 16px;
  color: var(--fg-3);
}
[data-theme] .im-empty-icon { color: var(--fg-4); }
[data-theme] .im-empty-text { margin: 0; font-size: 13px; }
[data-theme] .im-empty-text a { color: var(--accent-text); text-decoration: none; }
[data-theme] .im-empty-text a:hover { text-decoration: underline; }
[data-theme] .im-foot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 24px;
  border-top: 1px solid var(--line);
}
[data-theme] .im-foot-meta { font-size: 12px; color: var(--fg-4); }
[data-theme] .im-foot-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: var(--weight-medium);
  color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .im-foot-link:hover { color: var(--accent-text-hover); text-decoration: underline; }
[data-theme] .im-skeleton { padding: 16px 24px 20px; gap: 16px; }
[data-theme] .im-skeleton-bar {
  height: 40px;
  border-radius: var(--radius-md);
  background: var(--bg-3);
  animation: im-skeleton-pulse 1.4s var(--ease-in-out) infinite;
}
[data-theme] .im-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
[data-theme] .im-skeleton-card {
  height: 110px;
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
  animation: im-skeleton-pulse 1.4s var(--ease-in-out) infinite;
}
@keyframes im-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .im-skeleton-bar,
  [data-theme] .im-skeleton-card { animation: none; }
}
@media (max-width: 640px) {
  [data-theme] .im-controls { padding: 14px 16px; }
  [data-theme] .im-scroll { padding: 14px 16px 16px; }
  [data-theme] .im-foot { padding: 12px 16px; }
  [data-theme] .im-grid,
  [data-theme] .im-skeleton-grid { grid-template-columns: minmax(0, 1fr); }
}

[data-theme] .iad { max-width: 760px; }
[data-theme] .iad-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
[data-theme] .iad-head-text { min-width: 0; }
[data-theme] .iad-title {
  margin: 0;
  font-family: var(--font-display, var(--font-body));
  font-weight: 700;
  font-size: 20px;
  color: var(--fg);
}
[data-theme] .iad-subhead { margin: 4px 0 0; font-size: 13px; color: var(--fg-3); line-height: 1.45; }
[data-theme] .iad-add { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; }

[data-theme] .iad-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
[data-theme] .iad-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
[data-theme] .iad-logo {
  position: relative;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  display: grid;
  place-items: center;
  overflow: hidden;
}
[data-theme] .iad-letter { font-size: 15px; font-weight: 700; color: var(--fg-2); }
[data-theme] .iad-logo-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; background: var(--bg-3); }
[data-theme] .iad-item-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .iad-item-name {
  margin: 0;
  font-size: 14px;
  font-weight: var(--weight-semibold);
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .iad-item-meta { margin: 1px 0 0; font-size: 12px; color: var(--fg-4); }

[data-theme] .iad-status { flex: 0 0 auto; }
[data-theme] .iad-status--connected {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: var(--weight-medium);
  color: var(--success-fg);
}
[data-theme] .iad-status--needs-connect { }

[data-theme] .iad-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 40px 20px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
[data-theme] .iad-empty-icon {
  display: inline-flex;
  color: var(--fg-4);
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--bg-3);
}
[data-theme] .iad-empty-title { margin: 0; font-size: 15px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .iad-empty-text { margin: 0; font-size: 13px; color: var(--fg-3); line-height: 1.5; max-width: 42ch; }
[data-theme] .iad-empty .btn { margin-top: 4px; }

[data-theme] .iad-foot { margin-top: 20px; }
[data-theme] .iad-foot-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .iad-foot-link:hover { color: var(--accent-text-hover); text-decoration: underline; }

.monetize-shell {
  max-width: 64rem;
  margin: 0 auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 640px) {
  .monetize-shell { padding: 16px; gap: 16px; }
}
.monetize-title {
  font-family: var(--font-display, var(--font-body, system-ui, sans-serif));
  font-size: 1.5rem;
  font-weight: var(--weight-bold, 700);
  color: var(--fg, #0b1220);
  margin: 0;
}
.monetize-subtitle {
  font-size: 0.875rem;
  color: var(--fg-3, #6b7280);
  margin: 4px 0 0;
}
.monetize-link {
  color: var(--accent-text, #0f7a23);
  font-weight: var(--weight-medium, 500);
  text-decoration: none;
}
.monetize-link:hover { text-decoration: underline; }
.monetize-link--danger { color: var(--danger-fg, #c4252b); font-weight: var(--weight-medium, 500); }
.monetize-link--danger:hover { text-decoration: underline; }
.monetize-card {
  background: var(--bg-2, #fafbfc);
  border: 1px solid var(--line, #dde1e5);
  border-radius: var(--radius-lg, 14px);
  padding: 20px;
}
.monetize-card-title {
  font-size: 1.0625rem;
  font-weight: var(--weight-semibold, 600);
  color: var(--fg, #0b1220);
  margin: 0;
}
.monetize-card-sub {
  font-size: 0.875rem;
  color: var(--fg-3, #6b7280);
  margin: 4px 0 0;
}
.monetize-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--radius-pill, 999px);
  font-size: 0.75rem;
  font-weight: var(--weight-semibold, 600);
  white-space: nowrap;
}
.monetize-badge--success { background: var(--success-bg, rgba(69,231,96,0.12)); color: var(--success-fg, #1a8730); }
.monetize-badge--danger  { background: var(--danger-bg, rgba(196,37,43,0.08)); color: var(--danger-fg, #c4252b); }
.monetize-badge--info    { background: var(--info-bg, rgba(14,109,208,0.08)); color: var(--info-fg, #0e6dd0); }
.monetize-badge--warning { background: var(--warning-bg, rgba(245,194,69,0.18)); color: var(--warning-fg, #946000); }
.monetize-badge--muted   { background: var(--chip-bg, #eef0f2); color: var(--fg-3, #6b7280); }
.monetize-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: var(--radius-sm, 7px);
  font-size: 0.875rem;
  font-weight: var(--weight-semibold, 600);
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition:
    background var(--t-base, 0.15s) ease,
    box-shadow var(--t-base, 0.15s) ease,
    border-color var(--t-base, 0.15s) ease;
}
.monetize-btn--primary {
  background: var(--accent, #45e760);
  color: var(--accent-fg, #0a0e0a);
  forced-color-adjust: none;
}
.monetize-btn--primary:hover { background: var(--primary-hover, #8ce746); }
.monetize-btn--primary:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring, 0 0 0 3px rgba(69, 231, 96, 0.35));
}
.monetize-btn--secondary {
  background: transparent;
  color: var(--fg, #0b1220);
  border-color: var(--line-2, #ccd2d8);
}
.monetize-btn--secondary:hover {
  background: var(--hover-bg, #e4e7ea);
  border-color: var(--hover-border, #b1b8bf);
}
.monetize-btn--sm { padding: 6px 12px; font-size: 0.8125rem; }
.monetize-btn[disabled],
.monetize-btn--disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
.monetize-banner {
  border-radius: var(--radius-md, 10px);
  border: 1px solid var(--line, #dde1e5);
  background: var(--bg-1, #eef0f2);
  padding: 14px 16px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--fg-2, #2c3340);
}
.monetize-banner--info {
  background: var(--info-bg, rgba(14, 109, 208, 0.08));
  border-color: color-mix(in srgb, var(--info-fg, #0e6dd0) 35%, transparent);
}
.monetize-banner--warning {
  background: var(--warning-bg, rgba(245, 194, 69, 0.18));
  border-color: color-mix(in srgb, var(--warning-fg, #946000) 35%, transparent);
}
.monetize-banner strong { color: var(--fg, #0b1220); }
.monetize-option {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border-radius: var(--radius-md, 10px);
  border: 1px solid var(--line, #dde1e5);
  background: var(--bg, #f5f6f7);
  transition: background var(--t-base, 0.15s) ease, border-color var(--t-base, 0.15s) ease;
}
.monetize-option:not(.monetize-option--disabled):hover { background: var(--hover-bg, #e4e7ea); }
.monetize-option--active {
  border-color: var(--accent, #45e760);
  box-shadow: 0 0 0 1px var(--accent, #45e760);
}
.monetize-option--disabled { opacity: 0.6; cursor: not-allowed; }
.monetize-option-body { min-width: 0; }
.monetize-option-label { font-weight: var(--weight-medium, 500); color: var(--fg, #0b1220); }
.monetize-option-desc { font-size: 0.75rem; color: var(--fg-3, #6b7280); margin-top: 2px; }
.monetize-radio {
  margin-top: 2px;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1.5px solid var(--line-2, #ccd2d8);
  background: transparent;
}
.monetize-radio--on {
  border-color: var(--accent, #45e760);
  background: var(--accent, #45e760);
  box-shadow: inset 0 0 0 3px var(--bg-2, #fafbfc);
}
.monetize-plan {
  border: 1px solid var(--line, #dde1e5);
  border-radius: var(--radius-md, 10px);
  background: var(--bg, #f5f6f7);
  padding: 16px;
}
.monetize-stat-value { font-size: 1.875rem; font-weight: var(--weight-bold, 700); color: var(--fg, #0b1220); }
.monetize-stat-label {
  font-size: 0.6875rem;
  font-weight: var(--weight-semibold, 600);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--fg-3, #6b7280);
}
.monetize-empty {
  border: 1px dashed var(--line-2, #ccd2d8);
  border-radius: var(--radius-md, 10px);
  background: var(--bg, #f5f6f7);
  padding: 24px;
  text-align: center;
}
.monetize-divider { border-top: 1px solid var(--line, #dde1e5); }
.monetize-muted { color: var(--fg-3, #6b7280); }
.monetize-text { color: var(--fg-2, #2c3340); }
.monetize-strong { color: var(--fg, #0b1220); }
.monetize-accent-text { color: var(--accent-text, #0f7a23); }
.monetize-measure { max-width: 60ch; }
.monetize-meta-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: var(--radius-pill, 999px);
  background: var(--chip-bg, #eef0f2);
  border: 1px solid var(--line, #dde1e5);
  color: var(--fg-3, #6b7280);
}
.monetize-money-field {
  position: relative;
}

.monetize-money-prefix {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  z-index: 1;
  color: var(--input-placeholder, var(--fg-3, #6b7280));
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

.monetize-money-input.input-default {
  width: 100%;
  min-width: 0;
  padding-left: 2rem;
  padding-right: 0.75rem;
}

.monetize-money-input::-webkit-outer-spin-button,
.monetize-money-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.monetize-money-input[type="number"] {
  -moz-appearance: textfield;
}
.monetize-input {
  display: block;
  padding: 6px 8px;
  font-size: 0.875rem;
  line-height: 1.4;
  border-radius: var(--radius-md, 10px);
  border: 1px solid var(--line, #dde1e5);
  background: var(--bg-2, #fafbfc);
  color: var(--fg, #0b1220);
}
.monetize-input:focus {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
}
@media (max-width: 640px) {
  .monetize-input { font-size: 1rem; }
}
.monetize-readiness {
  background: var(--bg-2, #fafbfc);
  border: 1px solid var(--line, #dde1e5);
  border-radius: var(--radius-lg, 14px);
  padding: 16px;
}
.monetize-readiness-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  flex: 0 0 auto;
}
.monetize-readiness-icon--ok    { background: var(--success-bg, rgba(69,231,96,0.12)); color: var(--success-fg, #1a8730); }
.monetize-readiness-icon--warn  { background: var(--warning-bg, rgba(245,194,69,0.18)); color: var(--warning-fg, #946000); }
.monetize-readiness-icon--crit  { background: var(--danger-bg, rgba(196,37,43,0.08)); color: var(--danger-fg, #c4252b); }
.monetize-readiness-icon--muted { background: var(--chip-bg, #eef0f2); color: var(--fg-3, #6b7280); }

[data-theme] .support-shell {
  max-width: 920px;
  margin: 0 auto;
  padding: 32px var(--container-pad) 96px;
}
@media (max-width: 720px) {
  [data-theme] .support-shell {
    padding: 20px var(--container-pad-mobile) 64px;
  }
}
[data-theme] .support-header {
  margin-bottom: 28px;
}
[data-theme] .support-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
[data-theme] .support-header-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 6px;
}
[data-theme] .support-header-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .support-header-subtitle {
  font-size: 15px;
  color: var(--fg-3);
  margin: 8px 0 0;
  max-width: 56ch;
}
@media (max-width: 720px) {
  [data-theme] .support-header-title { font-size: 26px; }
}
[data-theme] .support-new-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding: 0 18px;
  background: var(--accent);
  border: 1px solid var(--accent);
  border-radius: var(--radius-sm);
  color: var(--accent-fg);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  flex: 0 0 auto;
  transition: background var(--t-base) var(--ease-out),
    border-color var(--t-base) var(--ease-out);
  forced-color-adjust: none;
}
[data-theme] .support-new-btn:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
[data-theme] .support-tabs {
  display: flex;
  gap: 0;
  margin: 0 0 24px;
  padding: 0;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
  scrollbar-width: none;
}
[data-theme] .support-tabs::-webkit-scrollbar { display: none; }
[data-theme] .support-tab {
  display: inline-flex;
  align-items: center;
  padding: 12px 18px;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--t-base) var(--ease-out),
    border-color var(--t-base) var(--ease-out);
}
[data-theme] .support-tab:hover { color: var(--fg); }
[data-theme] .support-tab--active {
  color: var(--fg);
  border-bottom-color: var(--accent);
  font-weight: 600;
}
@media (max-width: 720px) {
  [data-theme] .support-tab { padding: 10px 14px; font-size: 13px; }
}
[data-theme] .support-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-theme] .support-ticket {
  display: block;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 18px 20px;
  text-decoration: none;
  transition: border-color var(--t-base) var(--ease-out),
    background var(--t-base) var(--ease-out);
}
[data-theme] .support-ticket:hover {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--bg-3) 30%, var(--card-bg));
}
[data-theme] .support-ticket-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .support-ticket-subject {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: var(--fg);
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
[data-theme] .support-ticket-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
[data-theme] .support-ticket-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--fg-3);
}
[data-theme] .support-ticket-meta-item i,
[data-theme] .support-ticket-meta-item svg { color: var(--fg-4); }
[data-theme] .support-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
  white-space: nowrap;
  flex: 0 0 auto;
}
[data-theme] .support-status-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .support-status-pill--new {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
}
[data-theme] .support-status-pill--new::before { background: var(--warning-fg); }
[data-theme] .support-status-pill--analyzing {
  color: var(--info-fg);
  border-color: color-mix(in srgb, var(--info-fg) 40%, var(--line));
}
[data-theme] .support-status-pill--analyzing::before { background: var(--info-fg); }
[data-theme] .support-status-pill--ai {
  color: var(--info-fg);
  border-color: color-mix(in srgb, var(--info-fg) 40%, var(--line));
}
[data-theme] .support-status-pill--ai::before { background: var(--info-fg); }
[data-theme] .support-status-pill--escalated {
  color: #fbab5c;
  border-color: color-mix(in srgb, #fb923c 40%, var(--line));
}
[data-theme] .support-status-pill--escalated::before { background: #fb923c; }
[data-theme] .support-status-pill--resolved {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}
[data-theme] .support-status-pill--resolved::before {
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);
}
[data-theme] .support-status-pill--waiting {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
}
[data-theme] .support-status-pill--waiting::before { background: var(--warning-fg); }
[data-theme] .support-status-pill--closed { color: var(--fg-3); }
[data-theme] .support-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .support-empty {
  text-align: center;
  padding: 48px 20px;
}
[data-theme] .support-empty-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--bg-1);
  color: var(--fg-4);
  font-size: 22px;
}
[data-theme] .support-empty-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .support-empty-text {
  font-size: 13px;
  color: var(--fg-3);
  margin: 8px 0 0;
}
[data-theme] .support-empty .support-new-btn { margin-top: 20px; }
[data-theme] .support-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 24px;
  flex-wrap: wrap;
}
[data-theme] .support-pagination a,
[data-theme] .support-pagination span.page,
[data-theme] .support-pagination .pagy span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--card-bg);
  color: var(--fg-2);
  font-size: 13px;
  font-family: var(--font-mono);
  text-decoration: none;
  transition: border-color var(--t-base) var(--ease-out),
    color var(--t-base) var(--ease-out);
}
[data-theme] .support-pagination a:hover {
  border-color: var(--hover-border);
  color: var(--fg);
}
[data-theme] .support-pagination .current,
[data-theme] .support-pagination a.current {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  font-weight: 700;
  forced-color-adjust: none;
}
[data-theme] .support-pagination .disabled,
[data-theme] .support-pagination .gap {
  color: var(--fg-4);
  border-color: transparent;
  background: transparent;
}
[data-theme] .support-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--fg-3);
  text-decoration: none;
  margin-bottom: 20px;
}
[data-theme] .support-back-link:hover { color: var(--fg); }
[data-theme] .support-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--t-base) var(--ease-out),
    border-color var(--t-base) var(--ease-out);
}
[data-theme] .support-btn:hover { background: var(--hover-bg); border-color: var(--hover-border); }
[data-theme] .support-btn--primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .support-btn--primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
[data-theme] .support-btn--ghost { background: transparent; border-color: transparent; color: var(--fg-2); }
[data-theme] .support-btn--ghost:hover { background: var(--hover-bg); color: var(--fg); border-color: transparent; }
[data-theme] .support-btn-form { margin: 0; display: inline-flex; }
[data-theme] .support-callout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 20px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  margin-bottom: 20px;
}
[data-theme] .support-callout-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: 15px;
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .support-callout-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .support-callout-title { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--fg); }
[data-theme] .support-callout-desc { margin: 0; font-size: 13px; color: var(--fg-2); line-height: 1.5; }
[data-theme] .support-callout-desc a { color: var(--accent-text); text-decoration: underline; }
[data-theme] .support-callout--warn {
  background: color-mix(in srgb, var(--warning-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--warning-fg) 30%, var(--line));
}
[data-theme] .support-callout--warn .support-callout-icon {
  background: color-mix(in srgb, var(--warning-fg) 18%, transparent); color: var(--warning-fg);
}
[data-theme] .support-callout--info {
  background: color-mix(in srgb, var(--info-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--info-fg) 30%, var(--line));
}
[data-theme] .support-callout--info .support-callout-icon {
  background: color-mix(in srgb, var(--info-fg) 18%, transparent); color: var(--info-fg);
}
[data-theme] .support-callout--success {
  background: color-mix(in srgb, var(--success-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--success-fg) 30%, var(--line));
}
[data-theme] .support-callout--success .support-callout-icon {
  background: color-mix(in srgb, var(--success-fg) 18%, transparent); color: var(--success-fg);
}
[data-theme] .support-callout--danger {
  background: color-mix(in srgb, var(--danger-fg) 10%, var(--card-bg));
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}
[data-theme] .support-callout--danger .support-callout-icon {
  background: color-mix(in srgb, var(--danger-fg) 18%, transparent); color: var(--danger-fg);
}
[data-theme] .support-card-head {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .support-card-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
[data-theme] .support-card-title i { color: var(--fg-3); }
[data-theme] .support-card-subtitle { font-size: 13px; color: var(--fg-3); margin: 6px 0 0; }
[data-theme] .support-card-body { padding: 24px; }
[data-theme] .support-card + .support-card,
[data-theme] .support-callout + .support-card,
[data-theme] .support-card + .support-callout { margin-top: 20px; }
[data-theme] .support-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
[data-theme] .support-detail-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
[data-theme] .support-detail-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}
[data-theme] .support-detail-meta-item {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--fg-3);
}
[data-theme] .support-detail-meta-item i { color: var(--fg-4); }
[data-theme] .support-detail-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
[data-theme] .support-thread { display: flex; flex-direction: column; }
[data-theme] .support-msg { padding: 20px 24px; border-top: 1px solid var(--line); }
[data-theme] .support-msg:first-child { border-top: 0; }
[data-theme] .support-msg--ai { background: color-mix(in srgb, var(--info-fg) 6%, transparent); }
[data-theme] .support-msg--agent { background: color-mix(in srgb, var(--accent) 6%, transparent); }
[data-theme] .support-msg-row { display: flex; align-items: flex-start; gap: 14px; }
[data-theme] .support-msg-avatar {
  width: 38px; height: 38px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: var(--bg-3); color: var(--fg-2); font-size: 15px;
}
[data-theme] .support-msg-avatar--ai { background: color-mix(in srgb, var(--info-fg) 22%, transparent); color: var(--info-fg); }
[data-theme] .support-msg-avatar--agent { background: color-mix(in srgb, var(--accent) 22%, transparent); color: var(--accent-text); }
[data-theme] .support-msg-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .support-msg-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
[data-theme] .support-msg-name { font-size: 14px; font-weight: 600; color: var(--fg); }
[data-theme] .support-msg-time { font-size: 12px; color: var(--fg-4); white-space: nowrap; }
[data-theme] .support-msg-content { margin-top: 8px; font-size: 14px; color: var(--fg-2); line-height: 1.55; }
[data-theme] .support-msg-content > *:first-child { margin-top: 0; }
[data-theme] .support-msg-content > *:last-child { margin-bottom: 0; }
[data-theme] .support-msg-content p { margin: 0 0 10px; }
[data-theme] .support-msg-content a { color: var(--accent-text); text-decoration: underline; }
[data-theme] .support-msg-content ul,
[data-theme] .support-msg-content ol { margin: 0 0 10px; padding-left: 20px; }
[data-theme] .support-msg-content code {
  font-family: var(--font-mono); font-size: 12px;
  background: var(--bg-1); border: 1px solid var(--line);
  border-radius: 4px; padding: 1px 5px;
}
[data-theme] .support-msg-content pre {
  background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--radius-sm); padding: 12px 14px; overflow-x: auto; margin: 0 0 10px;
}
[data-theme] .support-msg-content pre code { background: transparent; border: 0; padding: 0; }
[data-theme] .support-msg-attachments {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;
}
[data-theme] .support-msg-attachment {
  display: inline-flex;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--bg-1);
  transition: border-color var(--t-base) var(--ease-out);
}
[data-theme] .support-msg-attachment:hover { border-color: var(--accent); }
[data-theme] .support-msg-image {
  display: block; max-width: 220px; max-height: 220px; -o-object-fit: cover; object-fit: cover;
}
[data-theme] .support-dup-list { display: flex; flex-direction: column; gap: 8px; }
[data-theme] .support-dup-item {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 14px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .support-dup-item a { font-size: 13px; font-weight: 600; color: var(--accent-text); text-decoration: none; }
[data-theme] .support-dup-item a:hover { text-decoration: underline; }
[data-theme] .support-dup-item-meta { font-size: 11px; color: var(--fg-4); }
[data-theme] .support-field { margin-bottom: 0; }
[data-theme] .support-field + .support-field { margin-top: 20px; }
[data-theme] .support-label { display: block; font-size: 13px; font-weight: 600; color: var(--fg-2); margin-bottom: 6px; }
[data-theme] .support-input,
[data-theme] .support-textarea,
[data-theme] .support-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 10px 12px;
  transition: border-color var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .support-textarea { resize: vertical; min-height: 96px; line-height: 1.5; }
[data-theme] .support-input::-moz-placeholder, [data-theme] .support-textarea::-moz-placeholder { color: var(--fg-4); }
[data-theme] .support-input::placeholder,
[data-theme] .support-textarea::placeholder { color: var(--fg-4); }
[data-theme] .support-input:focus,
[data-theme] .support-textarea:focus,
[data-theme] .support-select:focus {
  outline: none; border-color: var(--accent); box-shadow: var(--focus-ring);
}
[data-theme] .support-field-help { font-size: 12px; color: var(--fg-3); margin: 6px 0 0; }
[data-theme] .support-form-actions {
  display: flex; align-items: center; justify-content: flex-end; gap: 10px;
}
[data-theme] .support-reply-attach { display: flex; flex-direction: column; gap: 6px; }
[data-theme] .support-attach-label {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: var(--fg-2);
}
[data-theme] .support-attach-label i { color: var(--fg-4); }
[data-theme] .support-attach-input {
  font-size: 13px; color: var(--fg-2); max-width: 100%;
}
[data-theme] .support-attach-input::file-selector-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 10px;
  padding: 7px 12px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 13px;
  cursor: pointer;
  transition: border-color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out);
}
[data-theme] .support-attach-input::file-selector-button:hover {
  border-color: var(--accent); background: var(--bg-3);
}
[data-theme] .support-form-footer {
  display: flex; align-items: center; justify-content: flex-end; gap: 10px;
  margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line);
}
[data-theme] .support-dup-form { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
[data-theme] .support-dup-form .support-select { flex: 1 1 220px; }
[data-theme] .support-priority-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 8px;
}
@media (max-width: 540px) { [data-theme] .support-priority-grid { grid-template-columns: repeat(2, 1fr); } }
[data-theme] .support-priority-card {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  padding: 14px 10px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out);
}
[data-theme] .support-priority-card:hover { border-color: var(--hover-border); }
[data-theme] .support-priority-card:has(:checked) {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
[data-theme] .support-priority-label { font-size: 13px; font-weight: 600; color: var(--fg-2); }
[data-theme] .support-priority-card:has(:checked) .support-priority-label { color: var(--fg); }
[data-theme] .support-rating { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
[data-theme] .support-star {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; background: transparent; border: 0; cursor: pointer;
  font-size: 26px; line-height: 1; color: var(--fg-4);
  transition: color var(--t-fast) var(--ease-out);
  padding: 0;
}
[data-theme] .support-star:hover,
[data-theme] .support-star.is-active { color: var(--warning-fg); }
[data-theme] .support-tips-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
[data-theme] .support-tips-item { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--fg-2); line-height: 1.45; }
[data-theme] .support-tips-item i { color: var(--accent-text); margin-top: 3px; flex: 0 0 auto; }

[data-theme] .desk {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-bottom: var(--space-8);
}

[data-theme] .desk-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

[data-theme] .desk-eyebrow {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: var(--weight-semibold);
  margin: 0;
}

[data-theme] .desk-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}

[data-theme] .desk-card-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-bottom: var(--space-3);
}

[data-theme] .desk-card-title {
  font-size: 14px;
  font-weight: var(--weight-semibold);
  color: var(--fg);
  margin: 0;
}

[data-theme] .desk-muted { color: var(--fg-3); }
[data-theme] .desk-note {
  color: var(--fg-3);
  font-size: 12px;
  margin: var(--space-3) 0 0;
  line-height: 1.5;
}

[data-theme] .desk-table {
  width: 100%;
  border-collapse: collapse;
}

[data-theme] .desk-table th {
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: var(--weight-semibold);
  padding: 0 var(--space-2) var(--space-2);
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

[data-theme] .desk-table td {
  padding: var(--space-2);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  color: var(--fg);
  font-size: 13px;
}

[data-theme] .desk-table tbody tr:last-child td { border-bottom: none; }
[data-theme] .desk-num { text-align: right; font-variant-numeric: tabular-nums; }
[data-theme] .desk-table .desk-total td {
  border-top: 1px solid var(--fg-4);
  border-bottom: none;
  font-weight: var(--weight-semibold);
  padding-top: var(--space-3);
}

[data-theme] .desk-row-link { cursor: pointer; }
[data-theme] .desk-row-link:hover td { background: var(--hover-bg); }
[data-theme] .desk-row-link:hover td:first-child { box-shadow: inset 2px 0 0 var(--fg); }
[data-theme] .desk-row-link.is-active td { background: var(--hover-bg); }
[data-theme] .desk-row-link.is-active td:first-child { box-shadow: inset 2px 0 0 var(--accent); }

[data-theme] .desk-swatch {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: var(--radius-xs);
  margin-right: var(--space-2);
  flex: none;
}

[data-theme] .desk-segbar {
  display: flex;
  gap: 2px;
  height: 16px;
  margin: var(--space-3) 0 var(--space-2);
}

[data-theme] .desk-segbar > span {
  border-radius: 2px;
  min-width: 2px;
}
[data-theme] .desk-segbar > span:first-child { border-radius: 4px 2px 2px 4px; }
[data-theme] .desk-segbar > span:last-child { border-radius: 2px 4px 4px 2px; }

[data-theme] .desk-legend {
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--fg-2);
  align-items: center;
}

[data-theme] .desk-legend b { font-variant-numeric: tabular-nums; color: var(--fg); }

[data-theme] .desk-late {
  color: var(--danger-fg);
  font-weight: var(--weight-semibold);
  font-variant-numeric: tabular-nums;
}

[data-theme] .desk-zero { color: var(--fg-4); font-variant-numeric: tabular-nums; }

[data-theme] .desk-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  padding: 1px var(--space-2);
  font-size: 11px;
  color: var(--fg-2);
  white-space: nowrap;
}

[data-theme] .desk-pill--late {
  border-color: var(--danger-fg);
  color: var(--danger-fg);
}

[data-theme] .desk-pill--ok {
  border-color: var(--success-fg);
  color: var(--success-fg);
}

[data-theme] a.desk-pill:hover { background: var(--hover-bg); }

[data-theme] .desk-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
}

[data-theme] .desk-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

[data-theme] .desk-hero {
  font-size: 44px;
  font-weight: var(--weight-bold);
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--fg);
}

[data-theme] .desk-stat {
  font-size: 24px;
  font-weight: var(--weight-semibold);
  font-variant-numeric: tabular-nums;
  color: var(--fg);
}

[data-theme] .desk-stat--warn { color: var(--danger-fg); }

[data-theme] .desk-stat-label {
  color: var(--fg-3);
  font-size: 12px;
  margin-top: var(--space-2);
  line-height: 1.45;
}

[data-theme] .desk-kv {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}

[data-theme] .desk-kv:last-of-type { border-bottom: none; }
[data-theme] .desk-kv dt { color: var(--fg-2); }
[data-theme] .desk-kv dd {
  margin: 0;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
}

[data-theme] .desk-funnel {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}

[data-theme] .desk-funnel-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

[data-theme] .desk-funnel-value {
  font-variant-numeric: tabular-nums;
  font-weight: var(--weight-semibold);
  font-size: 13px;
  min-width: 52px;
  color: var(--fg);
}

[data-theme] .desk-funnel-bar {
  height: 20px;
  border-radius: var(--radius-xs);
  min-width: 3px;
}

[data-theme] .desk-funnel-label {
  font-size: 12px;
  color: var(--fg-2);
  white-space: nowrap;
}

[data-theme] .desk-chart { position: relative; }
[data-theme] .desk-chart svg { display: block; width: 100%; }
[data-theme] .desk-grid-line { stroke: var(--line); stroke-width: 1; }
[data-theme] .desk-axis { stroke: var(--fg-4); stroke-width: 1; }
[data-theme] .desk-tick {
  fill: var(--fg-3);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
[data-theme] .desk-vol { fill: var(--fg-4); opacity: 0.45; }
[data-theme] .desk-line {
  fill: none;
  stroke: var(--series-1);
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
[data-theme] .desk-dot {
  fill: var(--series-1);
  stroke: var(--card-bg);
  stroke-width: 2;
}
[data-theme] .desk-crosshair {
  stroke: var(--fg-3);
  stroke-width: 1;
  stroke-dasharray: 3 3;
  opacity: 0;
}
[data-theme] .desk-crosshair.is-active { opacity: 1; }

[data-theme] .desk-tooltip {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--t-fast, 120ms) var(--ease-out, ease-out);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3);
  font-size: 12px;
  color: var(--fg);
  white-space: nowrap;
  box-shadow: var(--shadow-md);
  z-index: var(--z-tooltip);
}

[data-theme] .desk-tooltip.is-visible { opacity: 1; }
[data-theme] .desk-tooltip-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
}
[data-theme] .desk-tooltip-row b { font-variant-numeric: tabular-nums; }

[data-theme] .desk-cohort {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

[data-theme] .desk-cohort-row {
  display: grid;
  grid-template-columns: 56px 1fr 72px;
  gap: var(--space-3);
  align-items: center;
}

[data-theme] .desk-cohort-track {
  display: flex;
  gap: 2px;
  height: 18px;
}

[data-theme] .desk-cohort-track > span {
  border-radius: 2px;
  min-width: 2px;
}
[data-theme] .desk-cohort-track > span:first-child { border-radius: 4px 2px 2px 4px; }
[data-theme] .desk-cohort-track > span:last-child { border-radius: 2px 4px 4px 2px; }

[data-theme] .desk-cohort-total {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--fg-2);
  text-align: right;
}

[data-theme] .desk-defect {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--line);
}

[data-theme] .desk-defect:last-child { border-bottom: none; }
[data-theme] .desk-defect-label { flex: 1; font-size: 13px; color: var(--fg); }
[data-theme] .desk-defect-ids {
  color: var(--fg-3);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}
[data-theme] .desk-defect-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
  background: var(--success-fg);
}

[data-theme] .desk-defect--bad .desk-defect-dot { background: var(--danger-fg); }

[data-theme] .desk-link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

[data-theme] .desk-link:hover {
  color: var(--fg);
  border-bottom-color: var(--line);
}

[data-theme] .desk-link:visited { color: inherit; }

@media (max-width: 900px) {
  [data-theme] .desk-grid-3,
  [data-theme] .desk-grid-2 { grid-template-columns: 1fr; }
  [data-theme] .desk-cohort-row { grid-template-columns: 48px 1fr 60px; }
}

[data-theme] .computer-layout {
  --computer-rail-w: 272px;
  --computer-context-w: 320px;
  --computer-topbar-h: 56px;
  --computer-rail-footer-pad: 10px;
}
[data-theme] .computer-shell {
  display: grid;
  grid-template-columns: var(--computer-rail-w) 1fr;
  transition: grid-template-columns 0.24s cubic-bezier(0.2, 0.9, 0.2, 1);
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
}

[data-theme] .computer-main {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[data-theme] .computer-nav {
  background: var(--rail-bg);
  border-right: 1px solid var(--line-2);
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
[data-theme] .computer-nav__body {
  display: contents;
}
[data-theme] .computer-nav__head {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 14px 8px 8px 12px;
  flex: 0 0 auto;
  transition: padding 0.24s cubic-bezier(0.2, 0.9, 0.2, 1);
}
[data-theme] .computer-nav__brandslot {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
[data-theme] .computer-nav__brandlink {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  text-decoration: none;
}
[data-theme] .computer-nav__logo {
  display: inline-flex;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}
[data-theme] .computer-nav__logo-expand {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rail-bg);
  color: var(--fg-3);
  border-radius: var(--radius-sm);
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: opacity 0.12s ease;
}
[data-theme] .computer-nav__logo-expand:hover { color: var(--fg); }
[data-theme] .computer-nav__word {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: 17.5px;
  letter-spacing: -0.01em;
  color: var(--fg);
  transform: translateY(2px);
  white-space: nowrap;
  transition: opacity 0.16s ease;
}
[data-theme] .computer-nav__head-acts {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
  width: 52px;
  overflow: hidden;
  transition: width 0.24s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.14s ease;
}
[data-theme] .computer-nav__headbtn {
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  cursor: pointer;
}
[data-theme] .computer-nav__headbtn:hover,
[data-theme] .computer-nav__headbtn:focus-visible {
  background: color-mix(in srgb, var(--fg) 8%, transparent);
  color: var(--fg);
}

[data-theme] .computer-nav__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
[data-theme] .computer-nav__menu--platform {
  padding: 2px 8px 8px;
  flex: 0 0 auto;
}
[data-theme] .computer-nav__item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  height: 31px;
  min-height: 31px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  font-size: 13.5px;
  font-weight: var(--weight-medium);
  text-decoration: none;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] a.computer-nav__item:hover {
  background: color-mix(in srgb, var(--fg) 5%, transparent);
  color: var(--fg);
}
[data-theme] .computer-nav__item.is-active {
  background: var(--bg);
  color: var(--fg);
  font-weight: var(--weight-semibold);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, var(--line-2));
}
[data-theme] .computer-nav__item svg { color: var(--fg-3); flex: 0 0 auto; }
[data-theme] a.computer-nav__item:hover svg { color: var(--fg); }
[data-theme] .computer-nav__item.is-active svg { color: var(--accent-text); }

[data-theme] .computer-nav__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 0.16s ease;
}
[data-theme] .computer-nav__item-badge {
  margin-left: auto;
  flex: 0 0 auto;
  padding: 2.5px 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
  font-family: var(--font-mono);
  font-weight: var(--weight-bold);
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: opacity 0.16s ease;
}
[data-theme] .computer-nav__chatfolder { width: 100%; min-width: 0; }
[data-theme] .computer-nav__chatfolder-head { list-style: none; cursor: pointer; }
[data-theme] .computer-nav__chatfolder-head::-webkit-details-marker { display: none; }
[data-theme] .computer-nav__chatfolder-head:hover {
  background: color-mix(in srgb, var(--fg) 5%, transparent);
  color: var(--fg);
}
[data-theme] .computer-nav__chatfolder-chevron {
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--fg-4);
  transition: transform 120ms ease;
}
[data-theme] .computer-nav__chatfolder[open] > .computer-nav__chatfolder-head .computer-nav__chatfolder-chevron {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-nav__chatfolder-chevron { transition: none; }
}
[data-theme] .computer-nav__chatfolder-children { padding-top: 2px; }

[data-theme] .computer-nav__item--soon { color: var(--fg-4); cursor: default; }
[data-theme] .computer-nav__soon {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-4);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  padding: 1px 6px;
}

[data-theme] .computer-nav__dot {
  width: 18px; height: 18px;
  flex: 0 0 auto;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  color: var(--fg-2);
  font-size: 10px;
  font-weight: var(--weight-bold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-theme] .computer-nav__time {
  margin-left: auto;
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-4);
}
[data-theme] .computer-nav__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 8px 6px;
  scrollbar-width: thin;
}
[data-theme] .computer-nav__section { padding: 8px 2px 3px 6px; }
[data-theme] .computer-nav__heading {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  color: var(--fg-4);
}
[data-theme] .computer-nav__heading--toggle:hover { color: var(--fg-2); }
[data-theme] .computer-nav__footer {
  margin-top: auto;
  flex: 0 0 auto;
  padding: var(--computer-rail-footer-pad, 10px) var(--computer-rail-footer-pad, 10px) 14px;
}
[data-theme] .computer-nav__avatar {
  width: 25px; height: 25px;
  flex: 0 0 auto;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--accent-fg);
  font-weight: var(--weight-bold);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  forced-color-adjust: none;
}
[data-theme] .computer-nav__user { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 1px; }
[data-theme] .computer-nav__username {
  font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-nav__meta {
  font-family: var(--font-mono); font-size: 10.5px; font-weight: var(--weight-medium);
  color: var(--fg-4);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-topbar {
  height: var(--computer-topbar-h);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-5);
  border-bottom: 1px solid var(--line);
  background: var(--bg);
}
[data-theme] .computer-topbar__title { display: flex; align-items: center; gap: var(--space-2-5); flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-topbar__title .brand { pointer-events: none; }
[data-theme] .computer-topbar__name { font-weight: var(--weight-semibold); font-size: 15px; color: var(--fg); flex: 0 0 auto; }
[data-theme] .computer-topbar__chip {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.07em;
  color: var(--fg-3);
  flex: 0 1 auto; min-width: 0;
}
[data-theme] .computer-topbar__scope {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
[data-theme] .computer-topbar__back {
  display: inline-flex; align-items: center; gap: 5px; flex: 0 1 auto; min-width: 0;
  max-width: 200px; font-size: 12px; color: var(--fg-3);
}
[data-theme] .computer-topbar__back span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-topbar__back:hover { color: var(--fg); }
[data-theme] .computer-topbar__back:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
@media (max-width: 640px) {
  [data-theme] .computer-topbar { padding: 0 var(--space-3); }
  [data-theme] .computer-topbar__chip { display: none; }
  [data-theme] .computer-topbar__back { max-width: 110px; }
}
[data-theme] .computer-icon-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: var(--radius-sm); color: var(--fg-3);
}
[data-theme] .computer-topbar__actions { display: flex; align-items: center; gap: var(--space-1); flex: 0 0 auto; }
[data-theme] .computer-topbar__actions form { margin: 0; display: flex; }
[data-theme] button.computer-icon-btn { background: transparent; border: 0; cursor: pointer; }
[data-theme] a.computer-icon-btn:hover,
[data-theme] button.computer-icon-btn:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-model-switch { position: relative; display: inline-flex; flex: 0 0 auto; }
[data-theme] .computer-model-switch__menu {
  display: none;
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
  min-width: 288px; padding: var(--space-1);
  background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--radius-md); box-shadow: var(--shadow-lg);
  max-height: min(72vh, 680px); overflow-y: auto;
}
[data-theme] .computer-model-switch.show .computer-model-switch__menu { display: block; }
[data-theme] .computer-model-switch__head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
  padding: var(--space-2) var(--space-2-5) var(--space-1);
  font-size: 11px; font-weight: var(--weight-semibold); color: var(--fg-3);
  text-transform: uppercase; letter-spacing: 0.06em;
}
[data-theme] .computer-model-switch__badge {
  font-size: 9px; letter-spacing: 0.04em; color: var(--accent-text);
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 1px 6px; text-transform: none;
}
[data-theme] .computer-model-switch__group {
  padding: var(--space-2) var(--space-2-5) 2px;
  font-size: 10px; font-weight: var(--weight-semibold); color: var(--fg-3);
  text-transform: uppercase; letter-spacing: 0.07em;
}
[data-theme] .computer-model-switch__form { display: block; margin: 0; }
[data-theme] .computer-model-switch__item {
  display: flex; align-items: center; gap: var(--space-2);
  width: 100%; text-align: left;
  padding: var(--space-2) var(--space-2-5);
  border: 0; border-radius: var(--radius-sm);
  background: transparent; color: var(--fg); cursor: pointer;
}
[data-theme] .computer-model-switch__item:hover,
[data-theme] .computer-model-switch__item.is-active { background: var(--hover-bg); }
[data-theme] .computer-model-switch__text { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-model-switch__labelrow { display: flex; align-items: center; gap: var(--space-1-5); min-width: 0; }
[data-theme] .computer-model-switch__label { font-size: 13px; font-weight: var(--weight-medium); color: var(--fg); }
[data-theme] .computer-model-switch__tag {
  flex: 0 0 auto; font-size: 9px; line-height: 1;
  color: var(--fg-3); border: 1px solid var(--line);
  border-radius: var(--radius-pill); padding: 2px 5px;
  letter-spacing: 0.02em; white-space: nowrap;
}
[data-theme] .computer-model-switch__note { font-size: 11px; color: var(--fg-3); }
[data-theme] .computer-model-switch__check { flex: 0 0 auto; display: inline-flex; color: var(--accent-text); }
[data-theme] .computer-icon-btn.is-pinned { color: var(--accent-text); }
[data-theme] .computer-icon-btn.is-shared { color: var(--accent-text); }
[data-theme] .computer-share-modal__body { display: contents; }
[data-theme] .computer-share { display: flex; flex-direction: column; gap: var(--space-4); }
[data-theme] .computer-share__error {
  display: flex; align-items: flex-start; gap: var(--space-2);
  padding: var(--space-2-5) var(--space-3);
  border: 1px solid var(--danger-fg); border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--danger-fg) 14%, var(--bg-1));
  color: var(--fg-2); font-size: 13px; line-height: 1.45;
}
[data-theme] .computer-share__error svg { flex: 0 0 auto; margin-top: 1px; color: var(--danger-fg); }
[data-theme] .computer-share__access { display: flex; align-items: flex-start; gap: var(--space-3); }
[data-theme] .computer-share__access-icon {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-2)); color: var(--accent-text);
}
[data-theme] .computer-share__access-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-theme] .computer-share__access-title { font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .computer-share__access-note { font-size: 12px; color: var(--fg-3); line-height: 1.45; }
[data-theme] .computer-share__link { display: flex; align-items: stretch; gap: var(--space-2); }
[data-theme] .computer-share__link-input {
  flex: 1 1 auto; min-width: 0;
  height: 32px; padding: 0 12px;
  background: var(--bg); color: var(--fg-2);
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  font-family: var(--font-mono); font-size: 12px;
}
[data-theme] .computer-share__link-input:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-share__copy { flex: 0 0 auto; }
[data-theme] .computer-share__minor-row { display: flex; align-items: center; gap: var(--space-4); }
[data-theme] .computer-share__minor-form { display: inline-flex; margin: 0; }
[data-theme] .computer-share__minor {
  display: inline-flex; align-items: center; gap: 5px;
  background: transparent; border: 0; padding: 0; cursor: pointer;
  font-size: 12px; color: var(--fg-3);
}
[data-theme] .computer-share__minor:hover { color: var(--accent-text); }
[data-theme] .computer-share__minor:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-xs); }
[data-theme] .computer-share__choice { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-share__legend {
  padding: 0; margin: 0 0 var(--space-1); font-size: 11px; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--fg-3); font-weight: var(--weight-semibold);
}
[data-theme] .computer-share__option {
  display: flex; align-items: flex-start; gap: var(--space-2-5);
  padding: var(--space-2-5) var(--space-3);
  border: 1px solid var(--line); border-radius: var(--radius-md);
  cursor: pointer;
}
[data-theme] .computer-share__option:hover { border-color: var(--line-2); background: var(--hover-bg); }
[data-theme] .computer-share__option:has(.computer-share__option-input:checked) {
  border-color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
[data-theme] .computer-share__option-input { margin-top: 2px; flex: 0 0 auto; accent-color: var(--accent); }
[data-theme] .computer-share__option-icon { flex: 0 0 auto; display: inline-flex; margin-top: 1px; color: var(--fg-3); }
[data-theme] .computer-share__option:has(.computer-share__option-input:checked) .computer-share__option-icon { color: var(--accent-text); }
[data-theme] .computer-share__option-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-theme] .computer-share__option-title { font-size: 14px; font-weight: var(--weight-medium); color: var(--fg); }
[data-theme] .computer-share__option-note { font-size: 12px; color: var(--fg-3); line-height: 1.45; }
[data-theme] .computer-share__create-form { display: block; margin: var(--space-2) 0 0; }
[data-theme] .computer-share__create svg { flex: 0 0 auto; }
[data-theme] .computer-share__foot form { margin: 0; display: inline-flex; }
[data-theme] .btn.computer-share__revoke:hover:not(:disabled) { color: var(--danger-fg); border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line)); }
[data-theme] .composer--agent{
  border-radius: var(--radius-xl);
  box-shadow: none;
}
[data-theme] .composer--agent:focus-within{
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line-2));
  box-shadow: none;
}
[data-theme] .composer--agent .composer-input{
  font-size: 16px;
}
[data-theme] .composer--agent .composer-submit:disabled{
  background: var(--bg-3);
  color: var(--fg-4);
  cursor: default;
}
[data-theme] .composer--agent .composer-submit{ background: var(--accent); color: var(--accent-fg); forced-color-adjust: none; }
[data-theme] .composer--agent .composer-input.is-sending{ color: var(--fg-3); cursor: wait; }
[data-theme] .composer--agent-reply .composer-input-wrap{ padding: 12px 14px 2px; }
[data-theme] .composer--agent-reply .composer-input{ min-height: 26px; max-height: 220px; }
[data-theme] .composer--agent-reply .composer-submit{ top: 9px; right: 10px; width: 30px; height: 30px; }
[data-theme] .composer--agent-reply .composer-rail{ padding: 2px 12px 10px; }
[data-theme] .composer-scope__chip{
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 13px; color: var(--fg-2); font-weight: var(--weight-medium);
  padding: var(--space-1) var(--space-2-5); border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  cursor: default; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
[data-theme] .composer-mode{ display: inline-flex; gap: var(--space-1); margin-left: var(--space-2); }
[data-theme] .composer-mode form{ display: inline-flex; }
[data-theme] .composer-mode__chip{
  font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-3);
  padding: var(--space-1) var(--space-2-5); border-radius: var(--radius-pill);
  border: 1px solid var(--line); background: transparent; cursor: pointer;
}
[data-theme] .composer-mode__chip:hover{ color: var(--fg-2); }
[data-theme] .composer-mode__chip.is-active{
  color: var(--accent-text); border-color: var(--accent-text);
}
[data-theme] .computer-page--chat {
  display: grid;
  --ctx-col: var(--ctx-col-open, var(--computer-context-w));
  grid-template-columns: 1fr var(--ctx-col);
  transition: grid-template-columns var(--t-base);
  flex: 1 1 auto; min-height: 0;
}
[data-theme] .computer-page--chat.ctx-closed { --ctx-col: 0px; }
[data-theme] .computer-page--chat.ctx-no-anim { transition: none; }
[data-theme] .computer-page--chat.ctx-resizing { transition: none; cursor: col-resize; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
[data-theme] .computer-context__resize {
  position: absolute; left: 0; top: 0; bottom: 0; width: 8px;
  transform: translateX(-50%); z-index: 6; cursor: col-resize; touch-action: none;
}
[data-theme] .computer-context__resize::after {
  content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px;
  transform: translateX(-50%); background: transparent;
  transition: background var(--t-fast, 0.15s);
}
[data-theme] .computer-context__resize:hover::after,
[data-theme] .computer-page--chat.ctx-resizing .computer-context__resize::after { background: var(--accent-text); }
[data-theme] .computer-page--chat.ctx-closed .computer-context__resize { display: none; }
@media (max-width: 640px) { [data-theme] .computer-context__resize { display: none; } }
[data-theme] .computer-page--chat.computer-page--studio {
  grid-template-columns: auto minmax(0, 1fr);
  transition: none;
}
[data-theme] .computer-page--studio .computer-chat {
  position: relative;
}
[data-theme] .computer-chat__resize {
  position: absolute; top: 0; bottom: 0; right: -3px; width: 7px; z-index: 5;
  cursor: col-resize; background: transparent;
}
[data-theme] .computer-chat__resize:hover {
  background: color-mix(in srgb, var(--accent) 28%, transparent);
}
[data-theme] .computer-studio {
  min-width: 0; min-height: 0;
  overflow-x: hidden; overflow-y: auto;
  display: flex; flex-direction: column; gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  background: var(--bg);
}
[data-theme] .computer-page--studio .computer-chat-brandlab:has(.computer-brandlab),
[data-theme] .computer-page--studio .computer-chat-storyboard:has(.computer-storyboard) {
  max-width: none; margin: 0;
  padding-left: 0; padding-right: 0;
  max-height: none;
  overflow: visible;
}
@media (min-width: 1101px) {
  [data-theme] .computer-page--studio .computer-chat-storyboard:has(.computer-sbv2) {
    flex: 1 1 auto; min-height: -moz-min-content; min-height: min-content;
    display: flex; flex-direction: column;
  }
  [data-theme] .computer-page--studio .computer-chat-storyboard > [id^="computer_storyboard_slot_"] {
    flex: 1 1 auto; min-height: -moz-min-content; min-height: min-content;
    display: flex; flex-direction: column;
  }
  [data-theme] .computer-page--studio .computer-sbv2 { flex: 1 1 auto; min-height: -moz-min-content; min-height: min-content; }
  [data-theme] .computer-page--studio .computer-sbv2__stage {
    flex: 1 1 auto; min-height: 200px;
    align-items: stretch;
    container-type: size;
  }
  [data-theme] .computer-page--studio .computer-sbv2__player {
    display: flex; align-items: flex-start; justify-content: center; min-height: 0;
  }
  [data-theme] .computer-page--studio .computer-sbv2__frame {
    height: auto; max-width: none;
  }
  [data-theme] .computer-page--studio .computer-sbv2__detail {
    min-height: 0; overflow-x: hidden; overflow-y: auto;
    padding-right: var(--space-1-5);
  }
  [data-theme] .computer-page--studio .computer-sbv2__stage[data-sbv2-orientation="portrait"] {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
  }
  [data-theme] .computer-page--studio .computer-sbv2__stage[data-sbv2-orientation="portrait"] .computer-sbv2__frame {
    width: min(100%,
        calc((100vh - 380px) * var(--sbv2-arw, 9) / var(--sbv2-arh, 16)),
        calc(100cqh * var(--sbv2-arw, 9) / var(--sbv2-arh, 16)));
  }
  [data-theme] .computer-page--studio .computer-sbv2__stage[data-sbv2-orientation="landscape"] {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(120px, 1fr);
  }
  [data-theme] .computer-page--studio .computer-sbv2__stage[data-sbv2-orientation="landscape"] .computer-sbv2__frame {
    width: min(100%,
        max(320px, calc(50vh * var(--sbv2-arw, 16) / var(--sbv2-arh, 9))),
        calc((100cqh - 120px - var(--space-4)) * var(--sbv2-arw, 16) / var(--sbv2-arh, 9)));
  }
  [data-theme] .computer-page--studio .computer-sbv2__detail .computer-sbv2__desc,
  [data-theme] .computer-page--studio .computer-sbv2__detail .computer-storyboard__vo {
    display: block; -webkit-line-clamp: unset; overflow: visible;
  }
  [data-theme] .computer-page--studio .computer-studio { padding-top: 0; }
  [data-theme] .computer-page--studio .computer-studio > .computer-chat-brandlab:has(.computer-brandlab),
  [data-theme] .computer-page--studio .computer-studio > .computer-chat-storyboard:has(.computer-storyboard) {
    padding-top: 0;
  }
  [data-theme] .computer-page--studio .computer-sbv2 > .computer-storyboard__head {
    min-height: var(--computer-topbar-h);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
  }
  [data-theme] .computer-page--studio .computer-sbv2__super {
    left: var(--space-4); right: var(--space-4); bottom: var(--space-4);
  }
  @container (max-height: 240px) {
    [data-theme] .computer-page--studio .computer-sbv2__frame .computer-sbv2__frame-label,
    [data-theme] .computer-page--studio .computer-sbv2__frame .computer-sbv2__super {
      display: none;
    }
  }
}
[data-theme] .computer-studio__empty {
  margin: auto; text-align: center; max-width: 340px;
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  color: var(--fg-4);
}
[data-theme] .computer-studio__empty-icon {
  display: inline-flex; width: 44px; height: 44px;
  align-items: center; justify-content: center;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  color: var(--fg-3); background: var(--bg-2);
}
[data-theme] .computer-studio__empty-title {
  margin: var(--space-2) 0 0; font-family: var(--font-mono); font-size: 11px;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-studio__empty-copy { margin: 0; font-size: 13px; line-height: 1.55; }
[data-theme] .computer-studio:has(.computer-storyboard) .computer-studio__empty {
  display: none;
}
[data-theme] .computer-page--chat.computer-page--studio .computer-context {
  position: fixed; top: 0; bottom: 0; right: 0; z-index: 60;
  width: min(380px, 92vw);
  border-left: 1px solid var(--line);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform var(--t-base), visibility 0s var(--t-base);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
[data-theme] .computer-page--chat.computer-page--studio.ctx-open .computer-context {
  transform: none;
  visibility: visible;
  transition: transform var(--t-base), visibility 0s;
}
[data-theme] .computer-page--chat.computer-page--studio.ctx-open .computer-ctx-backdrop {
  display: block; position: fixed; inset: 0; z-index: 59;
  background: var(--scrim);
}
[data-theme] .computer-studio-backdrop { display: none; }
[data-theme] .computer-studio__sheet-head {
  display: none;
  position: sticky; top: 0; z-index: 2;
  background: var(--bg);
  align-items: center; gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--line);
  flex: 0 0 auto;
}
[data-theme] .computer-studio__grab {
  position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
  width: 36px; height: 4px; border-radius: var(--radius-pill);
  background: var(--line-2);
}
[data-theme] .computer-studio__sheet-title {
  font-family: var(--font-mono); font-size: 11px;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-studio__sheet-close { margin-left: auto; }
@media (max-width: 1100px) {
  [data-theme] .computer-page--chat.computer-page--studio {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr);
  }
  [data-theme] .computer-page--studio .computer-chat {
    width: auto !important; min-width: 0 !important;
  }
  [data-theme] .computer-page--studio .computer-chat__resize { display: none; }
  [data-theme] .computer-page--studio .computer-studio {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    max-height: min(86dvh, 100dvh - 52px);
    width: auto !important; min-width: 0 !important;
    background: var(--bg);
    border-top: 1px solid var(--line);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: var(--shadow-lg);
    padding: 0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
    transform: translateY(100%);
    visibility: hidden;
    transition: transform var(--t-base), visibility 0s var(--t-base);
  }
  [data-theme] .computer-page--chat.computer-page--studio.studio-open .computer-studio {
    transform: none;
    visibility: visible;
    transition: transform var(--t-base), visibility 0s;
  }
  [data-theme] .computer-page--chat.computer-page--studio.studio-open .computer-studio-backdrop {
    display: block; position: fixed; inset: 0; z-index: 59;
    background: var(--scrim);
  }
  [data-theme] .computer-page--studio .computer-studio:not(:has(.computer-storyboard)) {
    display: none;
  }
  [data-theme] .computer-studio__sheet-head {
    display: flex;
    margin: 0 calc(var(--space-4) * -1);
  }
}
[data-theme] .computer-topbar__studio { display: none; }
@media (max-width: 1100px) {
  [data-theme] .computer-page--studio:has(.computer-studio .computer-storyboard) .computer-topbar__studio {
    display: inline-flex; align-items: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-page--studio .computer-studio { transition: visibility 0s var(--t-base); }
  [data-theme] .computer-page--chat.computer-page--studio.studio-open .computer-studio {
    transition: visibility 0s;
  }
}
[data-theme] .computer-chat {
  display: flex; flex-direction: column;
  min-width: 0; min-height: 0;
  border-right: 1px solid var(--line);
}
[data-theme] .computer-chat__scrollwrap {
  position: relative;
  flex: 1 1 auto; min-height: 0;
  display: flex; flex-direction: column;
}
[data-theme] .computer-chat__scroll {
  flex: 1 1 auto; min-height: 0;
  overflow-x: hidden; overflow-y: auto;
  scroll-behavior: smooth;
  padding: var(--space-6) var(--space-6) var(--space-12);
  display: flex; flex-direction: column; gap: var(--space-5);
  max-width: 820px; width: 100%; margin: 0 auto;
}
[data-theme] .computer-chat__fade {
  position: absolute; left: 0; right: 0; bottom: 0; height: 40px;
  pointer-events: none;
  background: linear-gradient(to top, var(--bg), transparent);
}
[data-theme] .computer-chat__jump {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
  z-index: 20;
}
[data-theme] .computer-chat__jump-btn {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px;
  border-radius: 9999px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-md);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--fg-3);
  cursor: pointer;
  transition: all 0.2s;
}
[data-theme] .computer-chat__jump-btn:hover {
  background: var(--bg-3);
  color: var(--fg);
  transform: scale(1.1);
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-chat__jump-btn { animation: none; }
}
[data-theme] .computer-chat__composer {
  flex: 0 0 auto;
  padding: var(--space-4) var(--space-6) var(--space-5);
  max-width: 820px; width: 100%; margin: 0 auto;
}
[data-theme] .computer-chat__hint {
  margin: var(--space-2) var(--space-1) 0;
  font-family: var(--font-mono);
  font-size: 10px; letter-spacing: 0.06em;
  color: var(--fg-4); text-align: center;
}
[data-theme] .computer-msg--user { display: flex; flex-direction: column; align-items: flex-end; }
[data-theme] .computer-msg__bubble {
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
  color: var(--fg);
  border-radius: var(--radius-lg);
  padding: var(--space-2-5) var(--space-4);
  max-width: 80%; font-size: 14px; line-height: 1.5;
}
[data-theme] .computer-msg__bubble p { margin: 0; }
[data-theme] .computer-msg__label {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.07em;
  text-transform: uppercase; color: var(--fg-3); margin-bottom: var(--space-2-5);
}
[data-theme] .computer-msg__scope { color: var(--fg-4); }
[data-theme] .computer-msg__summary {
  color: var(--fg-2); font-size: 14px; line-height: 1.6; margin-top: var(--space-4);
}
[data-theme] .computer-msg__summary p { margin: 0 0 var(--space-2); }
[data-theme] .computer-prose > :first-child { margin-top: 0; }
[data-theme] .computer-prose > :last-child { margin-bottom: 0; }
[data-theme] .computer-prose strong { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .computer-prose a { color: var(--accent-text); text-decoration: underline; }
[data-theme] .computer-prose ul,
[data-theme] .computer-prose ol { margin: var(--space-2) 0; padding-left: var(--space-5); }
[data-theme] .computer-prose li { margin: var(--space-1) 0; }
[data-theme] .computer-prose h1,
[data-theme] .computer-prose h2,
[data-theme] .computer-prose h3 { color: var(--fg); font-weight: var(--weight-semibold); margin: var(--space-4) 0 var(--space-2); font-size: 15px; }
[data-theme] .computer-prose code {
  font-family: var(--font-mono); font-size: 12px;
  background: var(--bg-1); padding: 1px 5px; border-radius: var(--radius-sm); color: var(--fg-2);
}
[data-theme] .computer-prose pre {
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: var(--space-3); overflow-x: auto; margin: var(--space-2) 0;
}
[data-theme] .computer-prose pre code { background: none; padding: 0; }
[data-theme] .computer-prose table { border-collapse: collapse; margin: var(--space-2) 0; font-size: 13px; }
[data-theme] .computer-prose th,
[data-theme] .computer-prose td { border: 1px solid var(--line); padding: var(--space-1) var(--space-2); text-align: left; }
[data-theme] .computer-prose blockquote {
  border-left: 2px solid var(--line-2); margin: var(--space-2) 0; padding-left: var(--space-3); color: var(--fg-3);
}
[data-theme] .computer-msg__working {
  display: inline-flex; align-items: center; gap: var(--space-2);
  color: var(--fg-3); font-size: 13px; margin-top: var(--space-2);
}
[data-theme] .computer-msg__preview:empty { display: none; }
[data-theme] .computer-msg__preview > :last-child::after {
  content: ""; display: inline-block; width: 2px; height: 1em;
  margin-left: 2px; vertical-align: text-bottom; background: var(--accent);
  animation: computer-caret-blink 1s steps(1) infinite;
}
@keyframes computer-caret-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-msg__preview > :last-child::after { animation: none; }
}
[data-theme] .computer-msg--agent:has(.computer-msg__preview:not(:empty)) .computer-msg__working { display: none; }
[data-theme] .computer-thinking { margin-top: var(--space-3); }
[data-theme] .computer-thinking:not(:has(.computer-thinking__body:not(:empty))) { display: none; }
[data-theme] .computer-thinking__row {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  cursor: default; list-style: none;
  font-size: 12px; color: var(--fg-3);
}
[data-theme] .computer-thinking__row::-webkit-details-marker { display: none; }
[data-theme] .computer-thinking__row:hover { background: var(--hover-bg); }
[data-theme] .computer-thinking__label { font-weight: var(--weight-medium); color: var(--fg-3); white-space: nowrap; }
[data-theme] .computer-thinking__chevron {
  display: inline-flex; color: var(--fg-4);
  transition: transform var(--t-base);
}
[data-theme] .computer-thinking[open] .computer-thinking__chevron { transform: rotate(90deg); }
[data-theme] .computer-thinking__scroll {
  display: flex; flex-direction: column-reverse;
  max-height: 240px; overflow-y: auto;
  margin-top: var(--space-2);
  border-left: 2px solid var(--line); padding-left: var(--space-3);
}
[data-theme] .computer-thinking--settled .computer-thinking__scroll { flex-direction: column; }
[data-theme] .computer-thinking__body {
  font-size: 12px; line-height: 1.6; color: var(--fg-3);
  white-space: pre-wrap; overflow-wrap: anywhere;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-thinking__chevron { transition: none; }
}
[data-theme] .computer-retry { margin-top: var(--space-3); }
[data-theme] .computer-retry form { margin: 0; }
[data-theme] .computer-retry__btn {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 13px; font-weight: var(--weight-medium);
  padding: var(--space-1-5) var(--space-3); border-radius: var(--radius-sm);
  border: 1px solid var(--line); background: var(--bg-2); color: var(--fg-2); cursor: pointer;
}
[data-theme] .computer-retry__btn:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-retry--auto {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 13px; color: var(--fg-3);
}
[data-theme] .computer-flash {
  position: absolute; top: var(--space-3); left: 50%; transform: translateX(-50%);
  z-index: 40; max-width: min(520px, 90%);
  padding: var(--space-2) var(--space-4); border-radius: var(--radius-md);
  font-size: 13px; border: 1px solid var(--line);
  background: var(--bg-2); color: var(--fg-2); box-shadow: var(--shadow-md);
}
[data-theme] .computer-flash--alert { color: var(--warning-fg, var(--fg)); }
[data-theme] .computer-runfeed { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-steps { margin-top: var(--space-3); }
[data-theme] .computer-steps--live:not(:has(.computer-tool)) { display: none; }
[data-theme] .computer-steps__row {
  display: flex; align-items: center; gap: var(--space-2-5);
  padding: var(--space-1-5) var(--space-2);
  border-radius: var(--radius-sm);
  cursor: default; list-style: none;
  font-size: 13px; color: var(--fg-2);
  min-width: 0;
}
[data-theme] .computer-steps__row::-webkit-details-marker { display: none; }
[data-theme] .computer-steps__row:hover { background: var(--hover-bg); }
[data-theme] .computer-steps__state { flex: 0 0 auto; display: inline-flex; align-items: center; }
[data-theme] .computer-steps__state-icon { display: none; align-items: center; }
[data-theme] .computer-steps[data-state="running"] .computer-steps__state-icon--running { display: inline-flex; }
[data-theme] .computer-steps[data-state="done"] .computer-steps__state-icon--done { display: inline-flex; color: var(--accent-text); }
[data-theme] .computer-steps[data-state="failed"] .computer-steps__state-icon--failed { display: inline-flex; color: var(--fg-3); }
[data-theme] .computer-steps[data-state="blocked"] .computer-steps__state-icon--blocked { display: inline-flex; color: var(--warning-fg); }
[data-theme] .computer-steps__label { flex: 0 0 auto; font-weight: var(--weight-medium); color: var(--fg); white-space: nowrap; }
[data-theme] .computer-steps[data-state="failed"] .computer-steps__label { color: var(--fg-3); }
[data-theme] .computer-steps[data-state="blocked"] .computer-steps__label { color: var(--warning-fg); }
[data-theme] .computer-steps__blurb {
  flex: 1 1 auto; min-width: 0;
  color: var(--fg-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-steps__blurb:empty { display: none; }
[data-theme] .computer-steps__chevron {
  flex: 0 0 auto; display: inline-flex; margin-left: auto; color: var(--fg-4);
  transition: transform var(--t-base);
}
[data-theme] .computer-steps[open] .computer-steps__chevron { transform: rotate(90deg); }
[data-theme] .computer-steps > .computer-runfeed { margin-top: var(--space-2); }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-steps__chevron { transition: none; }
}
[data-theme] .computer-results {
  display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-3);
}
[data-theme] .computer-result {
  display: flex; align-items: center; gap: var(--space-3);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-2-5) var(--space-3); max-width: 520px; min-width: 0;
}
[data-theme] .computer-result--producing { opacity: 0.7; }
[data-theme] .computer-result__thumb {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 72px; height: 54px; border-radius: var(--radius-sm); overflow: hidden;
  background: var(--bg-1); border: 1px solid var(--line);
  padding: 0; cursor: pointer; text-decoration: none; color: var(--fg-3);
}
[data-theme] .computer-result__thumb:hover { border-color: var(--line-2); color: var(--fg-2); }
[data-theme] .computer-result__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
[data-theme] .computer-result__thumb--video { position: relative; }
[data-theme] .computer-result__play {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, 0.35); color: var(--fg-1); pointer-events: none;
}
[data-theme] .computer-result__thumb--video:hover .computer-result__play { background: rgba(0, 0, 0, 0.5); }
[data-theme] .computer-result__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-theme] .computer-result__title {
  font-size: 13px; font-weight: var(--weight-medium); color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-result__meta {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; color: var(--fg-4);
}
[data-theme] .computer-result__actions {
  display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-1);
}
[data-theme] .computer-result__cta-form { margin: 0; display: inline-flex; }
[data-theme] .computer-result__cta {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 12px; font-weight: var(--weight-medium);
  padding: var(--space-1) var(--space-2); border-radius: var(--radius-sm);
  background: transparent; border: 1px solid var(--line-2); color: var(--fg-2);
  cursor: pointer;
}
[data-theme] .computer-result__cta:hover { background: var(--hover-bg); color: var(--fg); border-color: var(--fg-4); }
[data-theme] .computer-result__action {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: var(--radius-sm);
  color: var(--fg-3); text-decoration: none;
}
[data-theme] .computer-result__action:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-tool {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
}
[data-theme] .computer-tool[open] { border-color: var(--line-2); }
[data-theme] .computer-tool__row {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-2-5) var(--space-3-5);
  cursor: default; list-style: none;
}
[data-theme] .computer-tool__row::-webkit-details-marker { display: none; }
[data-theme] .computer-tool__icon {
  display: inline-flex; flex: 0 0 auto; color: var(--fg-3);
  width: 28px; height: 28px; align-items: center; justify-content: center;
  background: var(--bg-1); border-radius: var(--radius-sm);
}
[data-theme] .computer-tool__body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 1px; }
[data-theme] .computer-tool__title {
  font-size: 13.5px; font-weight: var(--weight-medium); color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-tool__meta {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--fg-4);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (max-width: 640px) {
  [data-theme] .computer-tool__meta { white-space: normal; overflow: visible; text-overflow: clip; }
}
[data-theme] .computer-tool__gate {
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.06em;
  color: var(--warning-fg); border: 1px solid color-mix(in srgb, var(--warning-fg) 40%, transparent);
  border-radius: var(--radius-pill); padding: 2px 7px; flex: 0 0 auto;
}
[data-theme] .computer-tool__state { flex: 0 0 auto; display: inline-flex; align-items: center; }
[data-theme] .computer-tool--done .computer-tool__state { color: var(--accent-text); }
[data-theme] .computer-tool--failed .computer-tool__state { color: var(--fg-3); }
[data-theme] .computer-tool--blocked .computer-tool__state { color: var(--warning-fg); }
[data-theme] .computer-tool--blocked { border-color: color-mix(in srgb, var(--warning-fg) 35%, var(--line)); }
[data-theme] .computer-approval {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  flex-wrap: wrap;
}
[data-theme] .computer-approval__prompt { color: var(--fg-2); font-size: 13px; }
[data-theme] .computer-approval__actions { display: flex; gap: var(--space-2); flex: 0 0 auto; }
[data-theme] .computer-approval__btn {
  font-size: 13px; font-weight: var(--weight-semibold);
  padding: var(--space-1-5) var(--space-4); border-radius: var(--radius-sm);
  border: 1px solid var(--line); cursor: pointer;
}
[data-theme] .computer-approval__btn--approve { background: var(--accent); color: var(--accent-fg); border-color: transparent; forced-color-adjust: none; }
[data-theme] .computer-approval__btn--decline { background: transparent; color: var(--fg-2); }
[data-theme] .computer-approval__btn--decline:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-approval__btn--approve-all {
  background: transparent; color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  font-weight: var(--weight-medium); padding: var(--space-1-5) var(--space-3); font-size: 12.5px;
}
[data-theme] .computer-approval__btn--approve-all:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent-text);
}
[data-theme] .computer-bugfix {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--line);
  display: flex; flex-direction: column; gap: var(--space-2);
}
[data-theme] .computer-bugfix__repro {
  margin: 0; font-family: var(--font-mono); font-size: 12px; color: var(--fg-2);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-3); white-space: pre-wrap; overflow-x: auto;
}
[data-theme] .computer-bugfix__actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .computer-bugfix__btn {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 13px; font-weight: var(--weight-semibold);
  padding: var(--space-1-5) var(--space-4); border-radius: var(--radius-sm);
  border: 1px solid var(--line); cursor: pointer;
}
[data-theme] .computer-bugfix__btn--fix { background: var(--accent); color: var(--accent-fg); border-color: transparent; forced-color-adjust: none; }
[data-theme] .computer-bugfix__btn--dismiss { background: transparent; color: var(--fg-2); }
[data-theme] .computer-bugfix__btn--dismiss:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-bugfix__status {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 13px; color: var(--fg-2);
}
[data-theme] .computer-bugfix__status--done { color: var(--accent-text); }
[data-theme] .computer-upgrade {
  display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap;
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--line);
  font-size: 13px; color: var(--warning-fg);
}
[data-theme] .computer-upgrade__msg { flex: 1 1 12rem; min-width: 0; }
[data-theme] .computer-upgrade__cta {
  flex: 0 0 auto;
  font-weight: var(--weight-semibold);
  color: var(--warning-fg);
  text-decoration: underline;
  text-underline-offset: 2px;
}
[data-theme] .computer-roadmap {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--line);
  display: flex; flex-direction: column; gap: var(--space-3);
}
[data-theme] .computer-roadmap__summary { margin: 0; font-size: 13px; color: var(--fg-2); }
[data-theme] .computer-roadmap__steps {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: var(--space-2);
}
[data-theme] .computer-roadmap__step {
  display: flex; flex-direction: column; gap: var(--space-1-5);
  padding: var(--space-2-5) var(--space-3);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-sm);
}
[data-theme] .computer-roadmap__step--skipped { opacity: 0.6; }
[data-theme] .computer-roadmap__step-head { display: flex; align-items: baseline; gap: var(--space-2); }
[data-theme] .computer-roadmap__step-n {
  flex: none; min-width: 18px; height: 18px; padding: 0 var(--space-1);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: var(--weight-semibold); font-variant-numeric: tabular-nums;
  color: var(--accent-text); background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-sm);
}
[data-theme] .computer-roadmap__step-title { font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .computer-roadmap__step-detail { margin: 0; font-size: 12px; color: var(--fg-2); }
[data-theme] .computer-roadmap__actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .computer-roadmap__btn {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 13px; font-weight: var(--weight-semibold);
  padding: var(--space-1-5) var(--space-4); border-radius: var(--radius-sm);
  border: 1px solid var(--line); cursor: pointer;
}
[data-theme] .computer-roadmap__btn--build { background: var(--accent); color: var(--accent-fg); border-color: transparent; forced-color-adjust: none; }
[data-theme] .computer-roadmap__btn--skip { background: transparent; color: var(--fg-2); }
[data-theme] .computer-roadmap__btn--skip:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-roadmap__status {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 13px; color: var(--fg-2);
}
[data-theme] .computer-roadmap__status--done { color: var(--accent-text); }
[data-theme] .computer-tool__spinner {
  width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid var(--line-2); border-top-color: var(--accent);
  animation: computer-spin var(--t-spin) linear infinite;
}
@keyframes computer-spin { to { transform: rotate(360deg); } }
[data-theme] .computer-tool__logs {
  margin: 0; padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--line);
  background: var(--bg-1); color: var(--fg-3);
  font-family: var(--font-mono); font-size: 12px; line-height: 1.5;
  white-space: pre-wrap; overflow-x: auto;
}
[data-theme] .computer-toolgroup__row { cursor: pointer; }
[data-theme] .computer-toolgroup__head {
  display: flex; align-items: center; gap: var(--space-3);
  flex: 1 1 auto; min-width: 0;
}
[data-theme] .computer-toolgroup__head--done .computer-tool__state { color: var(--accent-text); }
[data-theme] .computer-toolgroup__head--failed .computer-tool__state { color: var(--fg-3); }
[data-theme] .computer-toolgroup--failed,
[data-theme] .computer-toolgroup:has(.computer-toolgroup__head--failed) {
  border-color: var(--line);
}
[data-theme] .computer-toolgroup__chevron {
  display: inline-flex; flex: 0 0 auto; color: var(--fg-4);
  transition: transform var(--t-fast) ease;
}
[data-theme] .computer-toolgroup[open] > .computer-toolgroup__row .computer-toolgroup__chevron { transform: rotate(180deg); }
[data-theme] .computer-toolgroup__members { border-top: 1px solid var(--line); }
[data-theme] .computer-toolgroup__members .computer-tool {
  border: 0; border-radius: 0; background: transparent;
  border-top: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
}
[data-theme] .computer-toolgroup__members .computer-tool:first-child { border-top: 0; }
[data-theme] .computer-toolgroup__members .computer-tool__row {
  padding-left: calc(var(--space-3-5) + var(--space-4));
}
[data-theme] .computer-toolgroup__members .computer-tool--done .computer-tool__state { color: var(--accent-text); }
[data-theme] .computer-toolgroup__members .computer-tool--failed .computer-tool__state { color: var(--fg-3); }
[data-theme] .computer-toolgroup__members .computer-tool--blocked .computer-tool__state { color: var(--warning-fg); }
[data-theme] .computer-toolgroup__members .computer-tool--running .computer-tool__state { color: var(--fg-3); }
[data-theme] .computer-artifacts {
  display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4);
}
[data-theme] .computer-artifact {
  display: flex; align-items: stretch; gap: 0;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
  overflow: hidden; max-width: 100%;
}
[data-theme] .computer-artifact__open {
  display: flex; align-items: center; gap: var(--space-2-5); min-width: 0;
  padding: var(--space-2) var(--space-3); text-decoration: none; color: inherit;
  background: none; border: none; font: inherit; text-align: inherit; cursor: pointer; width: 100%;
}
[data-theme] .computer-artifact__open:hover { background: var(--hover-bg); }
[data-theme] .computer-artifact__download {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 32px; align-self: stretch; color: var(--fg-3);
  border-left: 1px solid var(--line); text-decoration: none;
}
[data-theme] .computer-artifact__download:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-artifact--producing {
  align-items: center; gap: var(--space-2-5);
  padding: var(--space-2) var(--space-3); opacity: 0.7;
}
[data-theme] .computer-artifact__icon { flex: 0 0 auto; color: var(--fg-3); display: inline-flex; }
[data-theme] .computer-artifact__body { min-width: 0; }
[data-theme] .computer-artifact__title {
  font-size: 13px; color: var(--fg); display: block;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
[data-theme] .computer-artifact__meta {
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--fg-4); display: block;
}
[data-theme] .computer-artifacts__viewall {
  display: inline-flex; align-items: center; gap: 5px; margin-top: var(--space-2);
  font-size: 12px; font-weight: var(--weight-medium); color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .computer-artifacts__viewall:hover { text-decoration: underline; }

[data-theme] .computer-complete {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  margin-top: var(--space-4); padding-top: var(--space-4);
  border-top: 1px solid var(--line);
}
[data-theme] .computer-complete__badge {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 13px; font-weight: var(--weight-semibold); color: var(--accent-text);
}
[data-theme] .computer-complete__rate {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 12px; color: var(--fg-3);
}
[data-theme] .computer-complete__rate form { display: inline-flex; }
[data-theme] .computer-rate-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: var(--radius-sm);
  color: var(--fg-3); border: 1px solid var(--line);
  background: transparent; cursor: pointer;
}
[data-theme] .computer-rate-btn:hover { color: var(--fg); border-color: var(--line-2); background: var(--bg-2); }
[data-theme] .computer-complete__rate--done { color: var(--accent-text); }
[data-theme] .computer-followups { margin-top: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-followups__heading {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--fg-4); margin-bottom: var(--space-1);
}
[data-theme] .computer-followup {
  display: flex; align-items: center; gap: var(--space-3); width: 100%; text-align: left;
  padding: var(--space-2-5) var(--space-3-5);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
  color: var(--fg-2); font-size: 13.5px; transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-followup:hover { background: var(--hover-bg); border-color: var(--hover-border); color: var(--fg); }
[data-theme] .computer-followup__check { color: var(--fg-4); display: inline-flex; }
[data-theme] .computer-followup__label { flex: 1 1 auto; }
[data-theme] .computer-followup__arrow { color: var(--fg-3); display: inline-flex; }
[data-theme] .computer-followup--settled {
  background: transparent; color: var(--fg-3); cursor: default;
}
[data-theme] .computer-followup--settled:hover {
  background: transparent; border-color: var(--line); color: var(--fg-3);
}
[data-theme] .computer-fup-head {
  display: flex; flex-wrap: nowrap; align-items: center;
  justify-content: space-between; gap: var(--space-2);
  width: 100%; min-height: 22px; margin-bottom: var(--space-2);
}
[data-theme] .computer-fup-heading {
  display: inline-flex; align-items: center; gap: 6px;
  flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-fup-heading svg {
  flex: 0 0 auto; width: 11px; height: 11px; display: block;
}
[data-theme] .computer-fup-heading > span {
  min-width: 0; overflow: hidden; text-overflow: ellipsis;
}
[data-theme] .computer-fup-pager { flex: 0 0 auto; }
[data-theme] .computer-fup-pager { display: inline-flex; align-items: center; gap: 4px; }
[data-theme] .computer-fup-count {
  margin-right: 2px; font-family: var(--font-mono); font-size: 10.5px;
  letter-spacing: 0.04em; color: var(--fg-3);
}
[data-theme] .computer-fup-count-of { color: var(--fg-4); }
[data-theme] .computer-fup-nav {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; background: transparent;
  border: 1px solid var(--line); border-radius: 6px; color: var(--fg-3);
  cursor: pointer; transition: background 0.12s, color 0.12s, border-color 0.12s;
}
[data-theme] .computer-fup-nav:hover { color: var(--fg); background: var(--bg-2); border-color: var(--line-2); }
[data-theme] .computer-fup-nav svg { width: 12px; height: 12px; }
[data-theme] .computer-fup-pager[hidden] { display: none; }
[data-theme] .computer-fup-cards {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2);
  align-items: stretch;
}
[data-theme] .computer-fup-card-form { display: block; min-width: 0; }
[data-theme] .computer-fup-card-form[hidden] { display: none; }
[data-theme] .computer-fup-card {
  display: flex; align-items: flex-start; gap: var(--space-2); width: 100%; height: 100%;
  min-height: 52px; padding: var(--space-2-5) var(--space-3);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
  color: var(--fg-2); font-size: 13px; line-height: 18px; text-align: left;
  cursor: pointer; transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-fup-card:hover { background: var(--hover-bg); border-color: var(--hover-border); color: var(--fg); }
[data-theme] .computer-fup-card-label { flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-fup-card-arrow {
  flex: 0 0 auto; color: var(--fg-3); display: inline-flex; margin-top: 1px;
}
[data-theme] .computer-fup-card:hover .computer-fup-card-arrow { color: var(--fg); }
@media (max-width: 560px) {
  [data-theme] .computer-fup-cards { grid-template-columns: 1fr; }
}
[data-theme] .computer-suggestions-slot:has(.computer-followups--persistent) {
  max-width: 820px; width: 100%; margin: 0 auto;
  padding: var(--space-2) var(--space-6) 0;
}
[data-theme] .computer-followups--persistent { margin-top: 0; }
[data-theme] .computer-context {
  display: flex; flex-direction: column; min-height: 0;
  background: var(--bg-1); position: relative;
}
[data-theme] .computer-context__head {
  flex: 0 0 auto; height: var(--computer-topbar-h);
  display: flex; align-items: center; gap: var(--space-2);
  padding: 0 var(--space-4); border-bottom: 1px solid var(--line);
}
[data-theme] .computer-context__title { font-weight: var(--weight-semibold); font-size: 14px; color: var(--fg); }
[data-theme] .computer-context__scope {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .computer-context__tools { margin-left: auto; display: inline-flex; gap: var(--space-1); }
[data-theme] .computer-context__scroll { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-5); }
[data-theme] .computer-context__empty { color: var(--fg-4); font-size: 13px; line-height: 1.5; }

[data-theme] .computer-ctx-block { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-ctx-block__heading {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--fg-4); margin: 0;
}
[data-theme] .computer-ctx-file {
  display: flex; align-items: center; gap: var(--space-2-5);
  padding: var(--space-2) var(--space-2-5);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-sm);
}
[data-theme] .computer-ctx-file svg { color: var(--fg-3); flex: 0 0 auto; }
[data-theme] .computer-ctx-file__name {
  font-size: 13px; color: var(--fg); flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-ctx-file__meta {
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--fg-4); flex: 0 0 auto;
}
[data-theme] .computer-ctx-media { display: flex; align-items: center; gap: var(--space-2-5); padding: var(--space-1-5) 0; }
[data-theme] .computer-ctx-media__thumb {
  width: 40px; height: 32px; flex: 0 0 auto; border-radius: var(--radius-sm);
  background: var(--bg-3); color: var(--fg-3);
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .computer-ctx-media__body { min-width: 0; display: flex; flex-direction: column; }
[data-theme] .computer-tool__buildstrip { padding: var(--space-2-5) var(--space-4); border-top: 1px solid var(--line); }
[data-theme] .computer-buildstrip { display: flex; align-items: center; gap: var(--space-2); font-size: 12px; color: var(--fg-2); }
[data-theme] .computer-buildstrip__icon {
  width: 16px; height: 16px; flex: 0 0 auto; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .computer-buildstrip__icon--done { background: var(--accent); color: var(--accent-fg); forced-color-adjust: none; }
[data-theme] .computer-buildstrip__icon--failed { color: var(--fg-3); }
[data-theme] .computer-buildstrip__label { min-width: 0; }
[data-theme] .computer-buildstrip__label--muted { color: var(--fg-4); }
[data-theme] .computer-buildstrip__link {
  color: var(--accent-text); font-weight: var(--weight-medium); text-decoration: none;
}
[data-theme] .computer-buildstrip__link:hover { text-decoration: underline; }
[data-theme] .computer-buildstrip__time {
  margin-left: auto; font-family: var(--font-mono); font-size: 11px;
  color: color-mix(in srgb, var(--accent-text) 30%, var(--fg-4));
}
[data-theme] .computer-plan {
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  padding: var(--space-3) 0 var(--space-2);
  display: flex; flex-direction: column; gap: var(--space-2);
}
[data-theme] .computer-plan__head {
  display: flex; align-items: center; gap: var(--space-2-5);
  padding: 0 var(--space-3) var(--space-2);
  border-bottom: 1px solid var(--line);
}
[data-theme] .computer-plan__dots { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
[data-theme] .computer-plan__dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
[data-theme] .computer-plan__dots i:nth-child(1) { opacity: 0.4; }
[data-theme] .computer-plan__dots i:nth-child(2) { opacity: 0.7; }
[data-theme] .computer-plan__title {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 13.5px; font-weight: var(--weight-bold); color: var(--fg);
}
[data-theme] .computer-plan__title--working { display: none; }
[data-theme] .computer-chat:has(.computer-msg--agent[data-controller~="computer-stream-recovery"] .computer-tool) .computer-plan--skeleton .computer-plan__title--planning { display: none; }
[data-theme] .computer-chat:has(.computer-msg--agent[data-controller~="computer-stream-recovery"] .computer-tool) .computer-plan--skeleton .computer-plan__title--working { display: block; }
[data-theme] .computer-plan__stopform { flex: 0 0 auto; margin-left: auto; }
[data-theme] .computer-plan__stopcluster {
  flex: 0 0 auto; margin-left: auto; min-width: 0;
  display: inline-flex; align-items: center; gap: var(--space-2);
}
[data-theme] .computer-plan__stopcluster .computer-plan__stopform { margin-left: 0; }
[data-theme] .computer-plan__stopping {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 11.5px; color: var(--fg-3); white-space: nowrap;
}
[data-theme] .computer-plan__stop--force:hover { color: var(--danger-fg); }
[data-theme] .computer-plan__stop {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-2);
  background: var(--bg-3); border: 1px solid var(--line-2);
  border-radius: var(--radius-pill); padding: var(--space-1) var(--space-2-5);
  cursor: pointer; transition: color 120ms ease, border-color 120ms ease;
}
[data-theme] .computer-plan__stop:hover { color: var(--fg); border-color: var(--fg-3); }
[data-theme] .computer-plan__stopsquare { width: 7px; height: 7px; border-radius: 1.5px; background: var(--fg-2); }
[data-theme] .computer-plan__stop:hover .computer-plan__stopsquare { background: var(--fg); }
[data-theme] .computer-plan__steps { list-style: none; margin: 0; padding: 0 var(--space-3); display: flex; flex-direction: column; gap: 2px; }
[data-theme] .computer-plan__step {
  display: flex; align-items: center; gap: var(--space-2-5);
  font-size: 12.5px; color: var(--fg-2);
  padding: var(--space-1-5) var(--space-2); border-radius: var(--radius-md);
}
[data-theme] .computer-plan__step.is-active {
  background: var(--bg-3);
}
[data-theme] .computer-plan__step.is-active .computer-plan__label { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .computer-plan__step.is-pending .computer-plan__label,
[data-theme] .computer-plan__step.is-skipped .computer-plan__label { color: var(--fg-4); }
[data-theme] .computer-plan__status { width: 18px; height: 18px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
[data-theme] .computer-plan__step.is-done .computer-plan__status {
  background: color-mix(in srgb, var(--accent-text) 12%, var(--bg-2));
  border: 1.2px solid color-mix(in srgb, var(--accent-text) 42%, transparent);
  color: var(--accent-text);
  border-radius: 50%;
  forced-color-adjust: none;
}
[data-theme] .computer-plan__step.is-skipped .computer-plan__status { color: var(--fg-4); }
[data-theme] .computer-plan__step.is-waiting .computer-plan__status { color: var(--warning-fg); }
[data-theme] .computer-plan__step.is-waiting .computer-plan__label { color: var(--fg); }
[data-theme] .computer-plan__step.is-blocked .computer-plan__status { color: var(--warning-fg); }
[data-theme] .computer-plan__needs {
  flex: 0 1 auto; min-width: 0; max-width: 55%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 11.5px; color: var(--warning-fg);
}
[data-theme] .computer-plan__spinner {
  width: 12px; height: 12px; border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--accent-text) 28%, transparent);
  border-top-color: var(--accent-text);
  animation: computer-spin var(--t-spin) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-plan__spinner { animation: none; border-top-color: var(--accent-text); }
}
[data-theme] .computer-plan__pending-dot { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--line-2); }
[data-theme] .computer-plan__label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .computer-plan__duration {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10.5px;
  font-weight: var(--weight-medium);
  color: var(--fg-3);
}
[data-theme] .computer-plan__gate {
  font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--radius-pill); padding: 1px 6px; flex: 0 0 auto;
  color: var(--fg-4); border: 1px solid var(--line-2);
}
[data-theme] .computer-plan__gate--active {
  color: var(--warning-fg); border-color: color-mix(in srgb, var(--warning-fg) 40%, transparent);
}
[data-theme] .computer-plan__gate--idle { color: var(--fg-4); border-color: var(--line-2); }
[data-theme] .computer-waiting-slot { display: contents; }
[data-theme] .computer-waiting {
  display: flex; align-items: center; gap: var(--space-2-5);
  margin: 0; padding: var(--space-2-5) var(--space-5);
  background: var(--warning-bg);
  border-bottom: 1px solid color-mix(in srgb, var(--warning-fg) 35%, transparent);
  color: var(--warning-fg);
  font-size: 13px; font-weight: var(--weight-medium);
}
@media (max-width: 640px) { [data-theme] .computer-waiting { padding: var(--space-2-5) var(--space-3); } }
[data-theme] .computer-waiting--clickable { cursor: pointer; }
[data-theme] .computer-waiting--clickable:hover,
[data-theme] .computer-waiting--clickable:focus-visible {
  background: color-mix(in srgb, var(--warning-bg) 82%, var(--warning-fg) 8%);
}
[data-theme] .computer-waiting--clickable:focus-visible { outline: 2px solid var(--warning-fg); outline-offset: -2px; }
[data-theme] .computer-waiting__text { line-height: 1.3; }
[data-theme] .computer-waiting__spinner {
  width: 14px; height: 14px; flex: 0 0 auto; border-radius: 50%;
  border: 2px dashed var(--warning-fg);
  animation: computer-spin 2.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-waiting__spinner { animation: none; }
}
[data-theme] .computer-waiting--timer {
  background: var(--bg-2);
  border-bottom: 1px solid var(--border);
  color: var(--fg-2);
  font-weight: var(--weight-regular);
  flex-wrap: wrap;
}
[data-theme] .computer-waiting--timer .computer-waiting__text { flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-waiting__clock {
  display: inline-flex; flex: 0 0 auto; color: var(--fg-3);
}
[data-theme] .computer-waiting__when {
  font-variant-numeric: tabular-nums; font-weight: var(--weight-medium); color: var(--fg);
}
[data-theme] .computer-waiting__acts {
  display: inline-flex; align-items: center; gap: var(--space-2); flex: 0 0 auto; margin-left: auto;
}
[data-theme] .computer-waiting__actform { display: contents; }
[data-theme] .computer-waiting__act {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 32px; padding: 0 var(--space-3);
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--bg-1); color: var(--fg-2);
  font-size: 12px; font-weight: var(--weight-medium); cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
[data-theme] .computer-waiting__act:hover {
  background: var(--bg-3); color: var(--fg); border-color: var(--border-strong, var(--border));
}
[data-theme] .computer-waiting__act:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 2px; }
[data-theme] .computer-waiting__act--primary {
  background: var(--accent); border-color: var(--accent); color: var(--accent-fg, #fff);
}
[data-theme] .computer-waiting__act--primary:hover {
  background: color-mix(in srgb, var(--accent) 88%, var(--fg)); color: var(--accent-fg, #fff);
}
@media (max-width: 640px) {
  [data-theme] .computer-waiting__acts { margin-left: 0; width: 100%; }
  [data-theme] .computer-waiting__act { flex: 1 1 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-waiting__act { transition: none; }
}
[data-theme] .computer-queued-slot { display: contents; }
[data-theme] .computer-queued {
  max-width: 820px; width: 100%; margin: 0 auto var(--space-3);
  padding: 0 var(--space-6);
}
[data-theme] .computer-queued__summary {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-2-5);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;
  font-size: 12px; color: var(--fg-3);
  list-style: none;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .computer-queued__summary::-webkit-details-marker { display: none; }
[data-theme] .computer-queued__summary:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .computer-queued__label {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 11px; font-weight: var(--weight-medium);
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-queued__hint { color: var(--fg-3); font-size: 11px; }
[data-theme] .computer-queued__chev {
  display: inline-flex; color: var(--fg-3);
  transition: transform var(--t-fast, 0.15s) ease;
}
[data-theme] .computer-queued[open] .computer-queued__chev { transform: rotate(180deg); }
[data-theme] .computer-queued__panel {
  display: flex; flex-direction: column; gap: var(--space-1);
  margin: var(--space-2) 0 0; padding: 4px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  list-style: none;
}
[data-theme] .computer-queued[open] .computer-queued__panel {
  animation: computer-queued-in 0.2s var(--ease-out);
}
[data-theme] .computer-queued.is-closing .computer-queued__panel {
  animation: computer-queued-out 0.16s var(--ease-out) forwards;
}
@keyframes computer-queued-in {
  from { transform: translateY(-4px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
@keyframes computer-queued-out {
  to   { transform: translateY(-4px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-queued[open] .computer-queued__panel,
  [data-theme] .computer-queued.is-closing .computer-queued__panel {
    animation: none;
  }
  [data-theme] .computer-queued__chev { transition: none; }
}
[data-theme] .computer-queued__row {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-1-5);
  border-radius: var(--radius-sm);
  font-size: 12px; color: var(--fg-2);
}
[data-theme] .computer-queued__row:hover { background: var(--bg-3); }
[data-theme] .computer-queued__pos {
  flex: 0 0 auto; min-width: 16px; text-align: right;
  font-family: var(--font-mono); font-size: 10px; color: var(--fg-4);
  font-variant-numeric: tabular-nums;
}
[data-theme] .computer-queued__text {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-queued__actions {
  display: inline-flex; align-items: center; gap: var(--space-1); flex: 0 0 auto;
}
[data-theme] .computer-queued__actionform { display: inline-flex; margin: 0; }
[data-theme] .computer-queued__steer {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; flex: 0 0 auto; padding: 0;
  border: 0; border-radius: 50%; cursor: pointer;
  background: transparent; color: var(--fg-3);
}
[data-theme] .computer-queued__steer:hover {
  background: color-mix(in srgb, var(--fg) 10%, transparent);
  color: var(--fg);
}
[data-theme] .computer-queued__steered-tag {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 2px var(--space-2); flex: 0 0 auto;
  color: var(--fg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-pill);
  font-size: 11px; font-weight: var(--weight-medium);
}
[data-theme] .computer-queued__cancel {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; flex: 0 0 auto; padding: 0;
  border: 0; border-radius: 50%; cursor: pointer;
  background: transparent; color: var(--fg-3);
}
[data-theme] .computer-queued__cancel:hover {
  background: color-mix(in srgb, var(--danger-fg) 14%, transparent);
  color: var(--danger-fg);
}
[data-theme] .computer-msg__inbox-head {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  max-width: 80%; margin-bottom: var(--space-1-5);
  font-size: 11px; color: var(--fg-3);
}
[data-theme] .computer-msg__inbox-icon { display: inline-flex; color: var(--fg-4); flex: 0 0 auto; }
[data-theme] .computer-msg__inbox-from {
  font-weight: var(--weight-medium); color: var(--fg-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto;
}
[data-theme] .computer-msg__inbox-subject {
  color: var(--fg-4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  flex: 0 1 auto; min-width: 0;
}
[data-theme] .computer-msg__inbox-subject::before { content: "· "; }
[data-theme] .computer-msg.is-filtered-out { display: none; }
[data-theme] .computer-msg--user.is-grouped { margin-top: calc(var(--space-1-5) - var(--space-5)); }
[data-theme] .computer-convos {
  max-width: 820px; width: 100%; margin: var(--space-2) auto 0;
  padding: 0 var(--space-6);
}
[data-theme] .computer-convos__summary {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-2-5);
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 12px; color: var(--fg-2);
  list-style: none;
}
[data-theme] .computer-convos__summary::-webkit-details-marker { display: none; }
[data-theme] .computer-convos__summary:hover { border-color: var(--line-2); color: var(--fg); }
[data-theme] .computer-convos__label {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 11px; font-weight: var(--weight-medium);
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-convos__hint { color: var(--fg-3); font-size: 11px; }
[data-theme] .computer-convos__chev {
  display: inline-flex; color: var(--fg-3);
  transition: transform var(--t-fast, 0.15s) ease;
}
[data-theme] .computer-convos[open] .computer-convos__chev { transform: rotate(180deg); }
[data-theme] .computer-convos__panel {
  display: flex; flex-direction: column; gap: 2px;
  margin: var(--space-2) 0 0; padding: var(--space-1-5);
  max-height: 38vh; overflow-y: auto;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .computer-convos[open] .computer-convos__panel {
  animation: computer-queued-in 0.2s var(--ease-out);
}
[data-theme] .computer-convos.is-closing .computer-convos__panel {
  animation: computer-queued-out 0.16s var(--ease-out) forwards;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-convos[open] .computer-convos__panel,
  [data-theme] .computer-convos.is-closing .computer-convos__panel { animation: none; }
  [data-theme] .computer-convos__chev { transition: none; }
}
[data-theme] .computer-convo {
  display: flex; align-items: flex-start; gap: var(--space-2);
  padding: var(--space-2); border-radius: var(--radius-sm);
  text-decoration: none; color: var(--fg-2); min-width: 0;
}
[data-theme] .computer-convo:hover { background: var(--bg-3); }
[data-theme] .computer-convo.is-active {
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-2));
  box-shadow: inset 2px 0 0 var(--accent);
}
[data-theme] .computer-convo__avatar {
  flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-4); color: var(--fg-2);
  font-size: 10px; font-weight: var(--weight-semibold); letter-spacing: 0.02em;
}
[data-theme] .computer-convo__avatar--all { background: var(--bg-3); color: var(--fg-3); }
[data-theme] .computer-convo__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
[data-theme] .computer-convo__top { display: flex; align-items: center; gap: var(--space-1-5); min-width: 0; }
[data-theme] .computer-convo__from {
  font-weight: var(--weight-medium); color: var(--fg); font-size: 12px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; min-width: 0;
}
[data-theme] .computer-convo.is-unread .computer-convo__from { font-weight: var(--weight-semibold); }
[data-theme] .computer-convo__unread {
  flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent);
}
[data-theme] .computer-convo__when { flex: 0 0 auto; margin-left: auto; color: var(--fg-4); font-size: 11px; }
[data-theme] .computer-convo__subject {
  font-size: 12px; color: var(--fg-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
[data-theme] .computer-convo.is-unread .computer-convo__subject { color: var(--fg); }
[data-theme] .computer-convo__meta { display: flex; align-items: center; gap: var(--space-1-5); min-width: 0; }
[data-theme] .computer-convo__status {
  flex: 0 0 auto; padding: 0 var(--space-1-5); border-radius: var(--radius-pill);
  font-size: 9px; font-weight: var(--weight-medium);
  text-transform: uppercase; letter-spacing: 0.03em;
  border: 1px solid var(--line); color: var(--fg-3);
}
[data-theme] .computer-convo__status--ok {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent-text) 40%, var(--line));
}
[data-theme] .computer-convo__status--pending {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
}
[data-theme] .computer-convo__status--muted { color: var(--fg-4); }
[data-theme] .computer-convo__preview {
  font-size: 11px; color: var(--fg-4); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-sender-profile {
  display: flex; align-items: center; gap: var(--space-2-5);
  max-width: 820px; width: 100%; margin: var(--space-2) auto 0;
  padding: var(--space-2) var(--space-3);
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .computer-sender-profile__avatar {
  flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-4); color: var(--fg-2);
  font-size: 12px; font-weight: var(--weight-semibold);
}
[data-theme] .computer-sender-profile__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
[data-theme] .computer-sender-profile__top { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .computer-sender-profile__from {
  font-weight: var(--weight-semibold); color: var(--fg); font-size: 13px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
[data-theme] .computer-sender-profile__badge {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 1px var(--space-2); border-radius: var(--radius-pill);
  font-size: 10px; font-weight: var(--weight-medium);
  border: 1px solid var(--line);
}
[data-theme] .computer-sender-profile__badge--ok {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent-text) 40%, var(--line));
}
[data-theme] .computer-sender-profile__badge--muted { color: var(--fg-4); }
[data-theme] .computer-sender-profile__meta {
  display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap;
  font-size: 11px; color: var(--fg-3);
}
[data-theme] .computer-sender-profile__stat { display: inline-flex; align-items: center; gap: var(--space-1); }
[data-theme] .computer-sender-profile__back {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--space-1);
  padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill);
  font-size: 12px; color: var(--fg-2); text-decoration: none;
  border: 1px solid var(--line);
}
[data-theme] .computer-sender-profile__back:hover { border-color: var(--line-2); color: var(--fg); }
[data-theme] .computer-inbound-slot { display: contents; }
[data-theme] .computer-inbound {
  max-width: 820px; width: 100%; margin: 0 auto var(--space-3);
  padding: 0 var(--space-6);
}
[data-theme] .computer-inbound__summary {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-2-5);
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 12px; color: var(--fg-2);
  list-style: none;
}
[data-theme] .computer-inbound__summary::-webkit-details-marker { display: none; }
[data-theme] .computer-inbound__summary:hover { border-color: var(--line-2); color: var(--fg); }
[data-theme] .computer-inbound__label {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 11px; font-weight: var(--weight-medium);
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-inbound__hint { color: var(--fg-3); font-size: 11px; }
[data-theme] .computer-inbound__chev {
  display: inline-flex; color: var(--fg-3);
  transition: transform var(--t-fast, 0.15s) ease;
}
[data-theme] .computer-inbound[open] .computer-inbound__chev { transform: rotate(180deg); }
[data-theme] .computer-inbound__panel {
  display: flex; flex-direction: column; gap: var(--space-1);
  margin: var(--space-2) 0 0; padding: var(--space-1-5);
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-md); list-style: none;
}
[data-theme] .computer-inbound[open] .computer-inbound__panel {
  animation: computer-queued-in 0.2s var(--ease-out);
}
[data-theme] .computer-inbound.is-closing .computer-inbound__panel {
  animation: computer-queued-out 0.16s var(--ease-out) forwards;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-inbound[open] .computer-inbound__panel,
  [data-theme] .computer-inbound.is-closing .computer-inbound__panel { animation: none; }
  [data-theme] .computer-inbound__chev { transition: none; }
}
[data-theme] .computer-inbound__row {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-1-5);
  border-radius: var(--radius-sm); font-size: 12px; color: var(--fg-2);
}
[data-theme] .computer-inbound__row:hover { background: var(--bg-3); }
[data-theme] .computer-inbound__from {
  font-weight: var(--weight-medium); color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  flex: 0 1 auto; max-width: 40%;
}
[data-theme] .computer-inbound__subject {
  flex: 1 1 auto; min-width: 0; color: var(--fg-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-inbound__when { flex: 0 0 auto; color: var(--fg-4); font-size: 11px; }
[data-theme] .computer-inbound__status {
  flex: 0 0 auto; padding: 1px var(--space-2); border-radius: var(--radius-pill);
  font-size: 10px; font-weight: var(--weight-medium);
  text-transform: uppercase; letter-spacing: 0.03em;
  border: 1px solid var(--line); color: var(--fg-3);
}
[data-theme] .computer-inbound__status--pending {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
}
[data-theme] .computer-inbound__status--failed {
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line));
}
[data-theme] .computer-inbound__status--ok {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent-text) 40%, var(--line));
}
[data-theme] .computer-plan__waiting {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  margin-left: auto; flex: 0 0 auto;
  font-size: 12px; font-weight: var(--weight-medium); color: var(--warning-fg);
}
[data-theme] .computer-plan__waiting--clickable { cursor: pointer; border-radius: var(--radius-sm); }
[data-theme] .computer-plan__waiting--clickable:hover { color: color-mix(in srgb, var(--warning-fg) 82%, var(--fg)); }
[data-theme] .computer-plan__waiting--clickable:focus-visible { outline: 2px solid var(--warning-fg); outline-offset: 2px; }
[data-theme] .computer-plan__waiting-counter {
  font-family: var(--font-mono); font-size: 11px;
  color: color-mix(in srgb, var(--warning-fg) 70%, var(--fg-4));
}
[data-theme] .computer-plan__waiting--timer { color: var(--fg-3); cursor: default; }
[data-theme] .computer-plan__waiting--timer .computer-plan__waiting-counter {
  color: var(--fg-4); font-variant-numeric: tabular-nums;
}
[data-theme] .computer-plan__waiting-clock { display: inline-flex; color: var(--fg-4); }
[data-theme] .computer-railstatus {
  flex: 0 0 auto; width: 16px; height: 16px;
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .computer-railstatus__spinner {
  width: 12px; height: 12px; border-radius: 50%;
  border: 2px solid var(--line-2); border-top-color: var(--accent);
  animation: computer-spin var(--t-spin) linear infinite;
}
[data-theme] .computer-railstatus__waiting {
  width: 12px; height: 12px; border-radius: 50%;
  border: 2px dashed var(--warning-fg);
  animation: computer-spin 2.4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-railstatus__spinner,
  [data-theme] .computer-railstatus__waiting { animation: none; }
}
[data-theme] .computer-railstatus__scheduled,
[data-theme] .computer-railstatus__done,
[data-theme] .computer-railstatus__type {
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .computer-railstatus__done { color: var(--accent-text); }
[data-theme] .computer-railbadge-slot { display: contents; }
[data-theme] .computer-railbadge {
  margin-left: auto; flex: 0 0 auto;
  min-width: 16px; height: 16px; padding: 0 5px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--warning-bg); color: var(--warning-fg);
  border: 1px solid color-mix(in srgb, var(--warning-fg) 35%, transparent);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono); font-size: 10px; font-weight: var(--weight-semibold);
  line-height: 1;
}
[data-theme] .computer-msg__sources { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
[data-theme] .computer-source-chip {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 12px; color: var(--fg-2);
  padding: var(--space-1) var(--space-2-5); border: 1px solid var(--line); border-radius: var(--radius-pill);
}
[data-theme] .computer-source-chip__dot {
  width: 16px; height: 16px; border-radius: var(--radius-xs); background: var(--bg-3);
  color: var(--fg-2); font-size: 9px; font-weight: var(--weight-bold);
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .computer-help-fab {
  position: absolute; right: var(--space-4); bottom: var(--space-4);
  width: 34px; height: 34px; border-radius: var(--radius-pill);
  background: var(--accent); color: var(--accent-fg);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow);
  forced-color-adjust: none;
}
[data-theme] .computer-chat-brandlab { display: none; }
[data-theme] .computer-chat-brandlab:has(.computer-brandlab) {
  display: block; max-height: 620px; overflow-x: hidden; overflow-y: auto;
  border-top: 1px solid var(--line);
  max-width: none; margin: 0; padding: 0;
  flex: 0 0 auto;
}
[data-theme] .computer-brandlab {
  display: flex; flex-direction: column; gap: var(--space-4);
  padding-bottom: var(--space-4);
}
[data-theme] .computer-brandlab__head {
  display: flex; align-items: center; gap: var(--space-2); min-width: 0;
  padding: var(--space-3) var(--space-4) 0;
}
[data-theme] .computer-brandlab__icon { color: var(--accent-text); display: inline-flex; flex: 0 0 auto; }
[data-theme] .computer-brandlab__title {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 13.5px; font-weight: var(--weight-bold); color: var(--fg); margin: 0;
  text-transform: uppercase; letter-spacing: 0.03em;
}
[data-theme] .computer-brandlab__meta {
  font-family: var(--font-mono); font-size: 11px; color: var(--fg-3);
  flex: 0 1 auto; min-width: 0; max-width: 40%;
  text-transform: uppercase; letter-spacing: 0.02em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-brandlab__pill {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  text-transform: uppercase; border-radius: var(--radius-pill); padding: 1px 8px;
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-brandlab__pill--ready {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-brandlab__library-link {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  text-transform: uppercase; border-radius: var(--radius-pill); padding: 1px 8px;
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
  text-decoration: none;
}
[data-theme] .computer-brandlab__library-link:hover { background: var(--bg-2); color: var(--fg-1); }
[data-theme] .computer-brandlab__hero {
  margin: 0; padding: 0 var(--space-4);
  font-size: clamp(19px, 2.4vw, 27px); line-height: 1.14; letter-spacing: -0.01em;
  font-weight: var(--weight-bold); color: var(--fg);
}
[data-theme] .computer-brandlab__section {
  display: flex; flex-direction: column; gap: var(--space-2-5);
  padding: 0 var(--space-4);
}
[data-theme] .computer-brandlab__label {
  display: flex; align-items: center; gap: var(--space-3); margin: 0;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--fg-3); font-weight: var(--weight-medium);
}
[data-theme] .computer-brandlab__label::after {
  content: ""; flex: 1 1 auto; height: 1px; background: var(--line);
}
[data-theme] .computer-brandlab__label-meta {
  flex: 0 0 auto; font-size: 10px; color: var(--fg-4); letter-spacing: 0; text-transform: none;
}
[data-theme] .computer-brandlab__palette {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(116px, 1fr)); gap: var(--space-2-5);
}
[data-theme] .computer-brandlab__swatch-card {
  display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-4);
  min-height: 82px; padding: var(--space-2-5) var(--space-3);
  border-radius: var(--radius-lg); background: var(--bg-3); color: var(--fg);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);
}
[data-theme] .computer-brandlab__swatch-name {
  font-size: 12.5px; font-weight: var(--weight-bold); text-transform: capitalize;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-brandlab__swatch-hex {
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.02em; opacity: 0.74;
}
[data-theme] .computer-brandlab__type {
  display: flex; align-items: center; gap: var(--space-4);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: var(--space-3) var(--space-4);
}
[data-theme] .computer-brandlab__type-sample {
  flex: 0 0 auto; font-size: 40px; line-height: 1; font-weight: var(--weight-bold);
  color: var(--fg); letter-spacing: -0.02em;
}
[data-theme] .computer-brandlab__type-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
[data-theme] .computer-brandlab__type-fonts { margin: 0; font-size: 14px; color: var(--fg-2); }
[data-theme] .computer-brandlab__type-fonts b { color: var(--fg); font-weight: var(--weight-bold); }
[data-theme] .computer-brandlab__type-sep { color: var(--fg-4); margin: 0 4px; }
[data-theme] .computer-brandlab__type-roles { margin: 0; font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-3); }
[data-theme] .computer-brandlab__type-notes { margin: 0; font-size: 11.5px; color: var(--fg-2); }
[data-theme] .computer-brandlab__voice { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-brandlab__voice-chips { display: flex; flex-wrap: wrap; gap: var(--space-1-5); }
[data-theme] .computer-brandlab__voice-chip {
  display: inline-flex; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--fg-2); background: var(--bg-3);
  border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 1px 8px;
}
[data-theme] .computer-brandlab__voice-desc { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--fg-2); }
[data-theme] .computer-brandlab__voice-line { margin: 0; font-size: 12px; font-style: italic; color: var(--fg-3); }
[data-theme] .computer-brandlab__logo {
  display: flex; align-items: center; justify-content: center;
  min-height: 104px; max-height: 168px; aspect-ratio: 20 / 7;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .computer-brandlab__logo-img { max-width: 68%; max-height: 74%; -o-object-fit: contain; object-fit: contain; display: block; }
[data-theme] .computer-brandlab__slot {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--space-1-5); width: 100%; min-height: 100px; padding: var(--space-4);
  font: inherit; text-align: center; cursor: pointer;
  color: var(--fg-3); background: transparent;
  border: 1px dashed var(--line); border-radius: var(--radius-lg);
  transition: border-color var(--t-base), color var(--t-base), background var(--t-base);
}
[data-theme] .computer-brandlab__slot:hover {
  border-color: var(--accent-text); color: var(--fg-1);
  background: color-mix(in srgb, var(--accent-text) 6%, transparent);
}
[data-theme] .computer-brandlab__slot:focus-visible {
  outline: none; border-color: var(--accent-text);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-text) 24%, transparent);
}
[data-theme] .computer-brandlab__slot-icon { color: var(--fg-4); display: inline-flex; }
[data-theme] .computer-brandlab__slot:hover .computer-brandlab__slot-icon { color: var(--accent-text); }
[data-theme] .computer-brandlab__slot-label { font-size: 12.5px; font-weight: var(--weight-medium); color: var(--fg-2); }
[data-theme] .computer-brandlab__slot:hover .computer-brandlab__slot-label { color: var(--fg-1); }
[data-theme] .computer-brandlab__slot-hint { font-size: 11px; color: var(--fg-4); }
[data-theme] .computer-context .computer-brandlab-slot { display: contents; }
[data-theme] .computer-context .computer-brandlab {
  max-height: 52vh; overflow-y: auto;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-2); padding: var(--space-3); gap: var(--space-3);
  animation: computer-brandlab-in 0.24s var(--ease-out);
}
[data-theme] .computer-context .computer-brandlab__head,
[data-theme] .computer-context .computer-brandlab__hero,
[data-theme] .computer-context .computer-brandlab__section { padding-left: 0; padding-right: 0; }
[data-theme] .computer-context .computer-brandlab__head { padding-top: 0; }
[data-theme] .computer-context .computer-brandlab__meta { display: none; }
[data-theme] .computer-context .computer-brandlab__hero { font-size: 18px; line-height: 1.2; }
@keyframes computer-brandlab-in {
  from { opacity: 0.4; transform: translateY(-3px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-context .computer-brandlab { animation: none; }
}
[data-theme] .computer-context .computer-castpanel-slot { display: contents; }
[data-theme] .computer-context .computer-castpanel {
  max-height: 44vh; overflow-x: hidden; overflow-y: auto;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-2); padding: var(--space-3);
}
[data-theme] .computer-context .computer-castpanel__row { background: var(--bg-1); flex-wrap: wrap; }
[data-theme] .computer-context .computer-castpanel__actions {
  flex: 1 0 100%; justify-content: flex-start;
}
[data-theme] .computer-context .computer-castpanel .computer-storyboard__meta { display: none; }
[data-theme] .computer-context-opener { display: none; }

[data-theme] .computer-brandlab__grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-3);
}
[data-theme] .computer-brandlab__card {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg);
  overflow: hidden; display: flex; flex-direction: column;
}
[data-theme] .computer-brandlab__media {
  position: relative; aspect-ratio: 16 / 9; background: var(--bg-3);
  display: flex; align-items: center; justify-content: center;
}
[data-theme] .computer-brandlab__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
[data-theme] .computer-brandlab__media-empty { color: var(--fg-3); display: inline-flex; }
[data-theme] .computer-brandlab__n,
[data-theme] .computer-brandlab__format {
  position: absolute; top: var(--space-1-5); font-family: var(--font-mono); font-size: 10px;
  letter-spacing: 0.04em; color: var(--fg); background: color-mix(in srgb, var(--bg-1) 78%, transparent);
  border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 1px 7px;
}
[data-theme] .computer-brandlab__n { left: var(--space-1-5); }
[data-theme] .computer-brandlab__format { right: var(--space-1-5); max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .computer-brandlab__body {
  display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-2-5) var(--space-3) var(--space-3);
}
[data-theme] .computer-brandlab__row { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .computer-brandlab__card-title {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 12.5px; font-weight: var(--weight-bold); color: var(--fg); margin: 0;
}
[data-theme] .computer-brandlab__status {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  border-radius: var(--radius-pill); padding: 1px 7px;
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-brandlab__status--ready {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-brandlab__headline { font-size: 12px; font-weight: var(--weight-medium); color: var(--fg); margin: 0; }
[data-theme] .computer-brandlab__copy { font-size: 11.5px; color: var(--fg-2); margin: 0; }
[data-theme] .computer-brandlab__cta {
  font-family: var(--font-mono); font-size: 10.5px; text-transform: uppercase;
  letter-spacing: 0.05em; color: var(--accent-text); margin: 0;
}
[data-theme] .computer-chat-storyboard { display: none; }
[data-theme] .computer-chat-storyboard:has(.computer-storyboard) {
  display: block; max-height: 340px; overflow-x: hidden; overflow-y: auto;
  border-top: 1px solid var(--line);
  padding: var(--space-4) var(--space-6);
  max-width: 820px; width: 100%; margin: 0 auto;
  flex: 0 0 auto;
}
[data-theme] .computer-storyboard { display: flex; flex-direction: column; gap: var(--space-3); }
[data-theme] .computer-storyboard__head { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .computer-storyboard__icon { color: var(--accent-text); display: inline-flex; flex: 0 0 auto; }
[data-theme] .computer-storyboard__title {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 13.5px; font-weight: var(--weight-bold); color: var(--fg); margin: 0;
}
[data-theme] .computer-storyboard__meta {
  font-family: var(--font-mono); font-size: 11px; color: var(--fg-3);
  flex: 0 1 auto; min-width: 0; max-width: 55%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-storyboard__cast { display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-theme] .computer-storyboard__cast-chip {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 11.5px; font-weight: var(--weight-medium); color: var(--fg-2);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 2px 10px 2px 3px;
}
[data-theme] .computer-storyboard__cast-img {
  width: 20px; height: 20px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; display: block;
  border: 1px solid var(--line);
}
[data-theme] .computer-storyboard__cast-fallback {
  width: 20px; height: 20px; border-radius: 50%; display: inline-flex;
  align-items: center; justify-content: center; color: var(--fg-3);
  background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] a.computer-storyboard__cast-chip,
[data-theme] button.computer-storyboard__cast-chip {
  cursor: pointer; text-decoration: none; color: var(--fg-2);
  font-family: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] a.computer-storyboard__cast-chip:hover,
[data-theme] button.computer-storyboard__cast-chip:hover {
  background: var(--bg-3); color: var(--fg-1);
}
[data-theme] .computer-storyboard__cast-state {
  display: inline-flex; align-items: center; color: var(--fg-3);
}
[data-theme] .computer-storyboard__grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-3);
}
[data-theme] .computer-storyboard__card {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg);
  overflow: hidden; display: flex; flex-direction: column;
}
[data-theme] .computer-storyboard__media {
  position: relative; aspect-ratio: 16 / 9; background: var(--bg-3);
  display: flex; align-items: center; justify-content: center;
}
[data-theme] .computer-storyboard__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
[data-theme] .computer-storyboard__media-empty { color: var(--fg-3); display: inline-flex; }
[data-theme] .computer-storyboard__n,
[data-theme] .computer-storyboard__dur {
  position: absolute; top: var(--space-1-5); font-family: var(--font-mono); font-size: 10px;
  letter-spacing: 0.04em; color: var(--fg); background: color-mix(in srgb, var(--bg-1) 78%, transparent);
  border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 1px 7px;
}
[data-theme] .computer-storyboard__n { left: var(--space-1-5); }
[data-theme] .computer-storyboard__dur { right: var(--space-1-5); }
[data-theme] .computer-storyboard__body {
  display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-2-5) var(--space-3) var(--space-3);
}
[data-theme] .computer-storyboard__row { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .computer-storyboard__shot-title {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 12.5px; font-weight: var(--weight-bold); color: var(--fg); margin: 0;
}
[data-theme] .computer-storyboard__status {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  border-radius: var(--radius-pill); padding: 1px 7px;
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-storyboard__status--ready {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-storyboard__camera {
  font-family: var(--font-mono); font-size: 10.5px; text-transform: uppercase;
  letter-spacing: 0.05em; color: var(--fg-3); margin: 0;
}
[data-theme] .computer-storyboard__shot-cast { color: var(--accent-text); }
[data-theme] .computer-storyboard__desc {
  font-size: 12px; line-height: 1.45; color: var(--fg-2); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme] .computer-storyboard__vo {
  font-size: 12px; line-height: 1.45; font-style: italic; color: var(--fg-3); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme] .computer-storyboard__video {
  width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; background: var(--bg-3);
}
[data-theme] .computer-storyboard__clip {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
  border-radius: var(--radius-pill); padding: 1px 7px;
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-storyboard__clip--ready {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-storyboard__clip--failed {
  color: var(--fg-3);
  background: color-mix(in srgb, var(--fg) 6%, var(--bg-1));
  border-color: var(--line);
}
[data-theme] .computer-storyboard__model-badge {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.05em;
  text-transform: uppercase; border-radius: var(--radius-pill); padding: 1px 7px;
  color: var(--fg-3); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-storyboard__model-badge--premium {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
[data-theme] .computer-storyboard__reel {
  display: inline-flex; align-items: center; gap: var(--space-1); flex: 0 0 auto;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.04em;
  border-radius: var(--radius-pill); padding: 1px 8px;
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-storyboard__reel--ready {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-storyboard__reel--failed {
  color: var(--fg-3);
  background: color-mix(in srgb, var(--fg) 6%, var(--bg-1));
  border-color: var(--line);
}
[data-theme] .computer-storyboard__reel-link {
  color: inherit; text-decoration: underline; text-underline-offset: 2px;
}
[data-theme] .computer-storyboard__actions {
  display: flex; align-items: center; gap: var(--space-1);
  margin-top: auto; padding-top: var(--space-2); border-top: 1px solid var(--line);
}
[data-theme] .computer-storyboard__action {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; padding: 0; border: 0; background: transparent;
  border-radius: var(--radius-sm); color: var(--fg-4); cursor: pointer;
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .computer-storyboard__action:hover { color: var(--fg-2); background: var(--hover-bg); }
[data-theme] .computer-storyboard__action:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-chat-storyboard:has(.computer-sbv2) {
  max-height: 620px;
  max-width: none; margin: 0; padding: 0;
}
[data-theme] .computer-sbv2 > .computer-storyboard__head { padding: var(--space-3) var(--space-4) 0; }
[data-theme] .computer-sbv2 > .computer-sbv2__stage { padding: 0 var(--space-4); }
[data-theme] .computer-sbv2 > .computer-sbv2__timeline {
  padding-left: var(--space-4); padding-right: var(--space-4); padding-bottom: var(--space-3);
}
[data-theme] .computer-sbv2__chip {
  display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto;
  height: 22px; padding: 0 9px; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--radius-pill); background: transparent;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--fg-3);
  transition: color var(--t-base), border-color var(--t-base), background var(--t-base);
}
[data-theme] .computer-sbv2__chip:hover { color: var(--fg-2); border-color: var(--line-2); background: var(--hover-bg); }
[data-theme] .computer-sbv2__chip:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-sbv2__chip--on {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
[data-theme] .computer-sbv2__chip--static {
  cursor: default;
}
[data-theme] .computer-sbv2__chip--static:hover {
  color: var(--fg-3); border-color: var(--line); background: transparent;
}
[data-theme] .computer-sbv2__chip-note {
  margin-left: 5px; padding-left: 5px;
  border-left: 1px solid var(--line);
  color: var(--fg-4, var(--fg-3)); opacity: 0.8;
}
[data-theme] .computer-sbv2__modelmenu { position: relative; display: inline-flex; flex: 0 0 auto; }
[data-theme] .computer-sbv2__chip-caret { display: inline-flex; margin-left: -1px; opacity: 0.7; }
[data-theme] .computer-sbv2__modelmenu .computer-sbv2__chip[aria-expanded="true"] {
  color: var(--fg-2); border-color: var(--line-2); background: var(--hover-bg);
}
[data-theme] .computer-sbv2__modelmenu-panel {
  min-width: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: min(320px, calc(100vw - 2.5rem));
  border-color: var(--line-2);
}
[data-theme] .computer-sbv2__chip--warn {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 40%, var(--line));
  background: var(--warning-bg);
}
[data-theme] .computer-sbv2__chip--warn:hover {
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 60%, var(--line));
}
[data-theme] .computer-sbv2__chip--warn .computer-sbv2__chip-note {
  color: inherit;
  opacity: 1;
  border-left-color: color-mix(in srgb, var(--warning-fg) 45%, transparent);
}
[data-theme] .computer-model-switch__item.is-unavailable {
  cursor: default; opacity: 0.72;
}
[data-theme] .computer-model-switch__item.is-unavailable:hover { background: transparent; }
[data-theme] .computer-model-switch__note--warn {
  display: flex; align-items: center; gap: 4px;
  margin-top: 2px; color: var(--warning-fg);
}
[data-theme] .computer-model-switch__foot {
  margin: var(--space-1) 0 0;
  padding: var(--space-2) var(--space-2-5);
  border-top: 1px solid var(--line);
  font-size: 11px; line-height: 1.45; color: var(--fg-3);
}
[data-theme] .computer-model-switch__foot-lock {
  display: block; margin-top: 4px; color: var(--warning-fg);
}
[data-theme] .computer-sbv2__run {
  display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto;
  height: 22px; padding: 0 9px;
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--accent-text);
}
[data-theme] .computer-sbv2__run svg { color: var(--accent-text); flex: 0 0 auto; }
[data-theme] .computer-sbv2__stage {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4); align-items: start;
}
[data-theme] .computer-sbv2__stage[data-sbv2-orientation="landscape"] {
  grid-template-columns: 1fr; grid-template-rows: auto auto;
}
[data-theme] .computer-sbv2__stage[data-sbv2-orientation="landscape"] .computer-sbv2__player {
  display: flex; justify-content: center;
}
[data-theme] .computer-sbv2__player { position: relative; flex: 0 0 auto; }
[data-theme] .computer-sbv2__frame {
  display: none; position: relative; margin: 0; overflow: hidden;
  aspect-ratio: var(--sbv2-ar, 16 / 9); height: 250px;
  border: 1px solid var(--line-2); border-radius: var(--radius-lg); background: var(--bg-3);
}
[data-theme] .computer-sbv2__frame.is-active { display: block; }
[data-theme] .computer-sbv2__media {
  position: absolute; inset: 0; width: 100%; height: 100%;
  -o-object-fit: cover;
     object-fit: cover; display: block; background: var(--bg-3);
}
[data-theme] .computer-sbv2__media-empty {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: var(--fg-3);
}
[data-theme] .computer-sbv2__frame-label {
  position: absolute; top: var(--space-2); left: var(--space-2); z-index: 2;
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--fg); background: color-mix(in srgb, var(--bg-1) 80%, transparent);
  border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 1px 8px;
}
[data-theme] .computer-sbv2__super {
  position: absolute; left: var(--space-2-5); right: var(--space-2-5); bottom: var(--space-2-5); z-index: 2;
  font-family: var(--font-body); font-size: 15px; line-height: 1.12;
  letter-spacing: -0.01em; text-transform: lowercase;
  color: var(--fg); text-shadow: 0 1px 8px var(--bg);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme] .computer-sbv2__rendering {
  position: absolute; inset: 0; z-index: 3;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2);
  background: color-mix(in srgb, var(--bg) 72%, transparent);
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--accent-text);
}
[data-theme] .computer-sbv2__spin {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--accent) 25%, transparent);
  border-top-color: var(--accent);
  animation: sbv2-spin 0.9s linear infinite;
}
@keyframes sbv2-spin { to { transform: rotate(360deg); } }
[data-theme] .computer-sbv2__detail { min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-sbv2__shotinfo { display: none; flex-direction: column; gap: var(--space-1-5); min-width: 0; }
[data-theme] .computer-sbv2__shotinfo.is-active { display: flex; }
[data-theme] .computer-sbv2__desc { -webkit-line-clamp: 4; }
[data-theme] .computer-sbv2__motion { font-size: 12px; line-height: 1.45; color: var(--fg-2); margin: 0; }
[data-theme] .computer-sbv2__motion-tag {
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; color: var(--fg-4);
}
[data-theme] .computer-sbv2__cmd {
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  padding: 5px 12px; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--bg-2);
  font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-2);
  transition: color var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-sbv2__cmd:hover { border-color: var(--accent); color: var(--fg); }
[data-theme] .computer-sbv2__cmd:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-sbv2__cmd svg { color: var(--accent-text); flex: 0 0 auto; }
[data-theme] .computer-sbv2__timeline {
  border-top: 1px solid var(--line); padding-top: var(--space-3);
  display: flex; flex-direction: column; gap: var(--space-2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .computer-sbv2__tl-head { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .computer-sbv2__eyebrow {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--fg-3); flex: 0 0 auto;
}
[data-theme] .computer-sbv2__note {
  margin-left: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-3);
}
[data-theme] .computer-sbv2__tl-scroll {
  overflow-x: auto; overflow-y: hidden;
  padding: 5px var(--space-1-5);
}
[data-theme] .computer-sbv2__tl-inner {
  min-width: max(100%, calc(var(--sbv2-shots, 1) * 88px));
  display: flex; flex-direction: column;
}
[data-theme] .computer-sbv2__ruler {
  position: relative; height: 14px; margin-bottom: 2px;
  font-family: var(--font-mono); font-size: 9px; color: var(--fg-4);
}
[data-theme] .computer-sbv2__tick { position: absolute; top: 0; left: var(--sbv2-at, 0%); transform: translateX(-50%); }
[data-theme] .computer-sbv2__tick:first-child { transform: none; }
[data-theme] .computer-sbv2__scenes { position: relative; height: 16px; margin-bottom: 4px; }
[data-theme] .computer-sbv2__scene {
  position: absolute; top: 0; left: var(--sbv2-at, 0%); width: var(--sbv2-w, 100%); height: 14px;
  display: inline-flex; align-items: center; gap: 6px;
  overflow: hidden; white-space: nowrap;
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .computer-sbv2__scene i {
  width: 5px; height: 5px; border-radius: 50%; background: var(--accent); flex: 0 0 auto;
}
[data-theme] .computer-sbv2__trackwrap { position: relative; }
[data-theme] .computer-sbv2__track {
  display: flex; gap: 3px; height: 56px;
  list-style: none; margin: 0; padding: 0;
}
[data-theme] .computer-sbv2__clip {
  position: relative; flex: var(--sbv2-flex, 1) 1 0%; min-width: 72px;
  overflow: hidden; cursor: grab;
  border: 1px solid var(--line-2); border-radius: var(--radius-sm); background: var(--bg-3);
  transition: box-shadow var(--t-base), opacity var(--t-base);
}
[data-theme] .computer-sbv2__clip:active { cursor: grabbing; }
[data-theme] .computer-sbv2__clip:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-sbv2__clip.is-active { box-shadow: 0 0 0 2px var(--accent); border-color: transparent; }
[data-theme] .computer-sbv2__clip.is-dragging { opacity: 0.4; }
[data-theme] .computer-sbv2__clip.is-dragover { box-shadow: inset 0 0 0 2px var(--accent-text); }
[data-theme] .computer-sbv2__clip-thumb {
  position: absolute; inset: 0; width: 100%; height: 100%;
  -o-object-fit: cover;
     object-fit: cover; display: block; pointer-events: none;
}
[data-theme] .computer-sbv2__clip-empty {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: var(--fg-3); pointer-events: none;
}
[data-theme] .computer-sbv2__clip::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(0deg, color-mix(in srgb, var(--bg) 72%, transparent), transparent 60%);
}
[data-theme] .computer-sbv2__clip-lbl {
  position: absolute; left: 6px; right: 24px; bottom: 4px; z-index: 2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none;
  font-family: var(--font-mono); font-size: 9.5px; color: var(--fg);
}
[data-theme] .computer-sbv2__clip-dur {
  position: absolute; top: 4px; right: 4px; z-index: 2; pointer-events: none;
  font-family: var(--font-mono); font-size: 8.5px; color: var(--fg-2);
  background: color-mix(in srgb, var(--bg-1) 78%, transparent);
  border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 0 6px;
}
[data-theme] .computer-sbv2__at {
  position: absolute; top: 4px; left: 4px; z-index: 3;
  width: 18px; height: 18px; padding: 0; display: none;
  align-items: center; justify-content: center; cursor: pointer;
  background: color-mix(in srgb, var(--bg-1) 80%, transparent);
  border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--fg-2);
}
[data-theme] .computer-sbv2__clip:hover .computer-sbv2__at,
[data-theme] .computer-sbv2__clip:focus-within .computer-sbv2__at { display: inline-flex; }
[data-theme] .computer-sbv2__at:hover { background: var(--accent); color: var(--accent-fg); border-color: transparent; forced-color-adjust: none; }
[data-theme] .computer-sbv2__at:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-sbv2__clip-prog {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  background: color-mix(in srgb, var(--bg) 72%, transparent);
  font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--accent-text);
}
[data-theme] .computer-sbv2__clip-bar {
  width: 60%; height: 3px; border-radius: var(--radius-pill);
  background: var(--bg-3); overflow: hidden;
}
[data-theme] .computer-sbv2__clip-bar i {
  display: block; height: 100%; width: 40%; background: var(--accent-text);
  animation: sbv2-indeterminate 1.2s ease-in-out infinite;
}
@keyframes sbv2-indeterminate {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(250%); }
}
[data-theme] .computer-sbv2__link {
  position: absolute; top: 50%; left: var(--sbv2-at, 0%); z-index: 4;
  transform: translate(-50%, -50%); pointer-events: none;
  width: 16px; height: 16px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-1); color: var(--accent-text);
  border: 1px solid color-mix(in srgb, var(--accent) 50%, var(--line));
}
[data-theme] .computer-sbv2__addwrap { flex: 0 0 auto; display: flex; list-style: none; }
[data-theme] .computer-sbv2__add {
  width: 40px; height: 100%; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  border: 1px dashed var(--line-2); border-radius: var(--radius-sm);
  background: transparent; color: var(--fg-4);
}
[data-theme] .computer-sbv2__add:hover { color: var(--fg-2); border-color: var(--fg-4); }
[data-theme] .computer-sbv2__add:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-sbv2__hint { margin: 0; font-size: 10.5px; color: var(--fg-4); }
[data-theme] .computer-storyboard--collapsed .computer-sbv2__stage,
[data-theme] .computer-storyboard--collapsed .computer-sbv2__timeline { display: none; }
[data-theme] .composer-shot-target { margin-bottom: 6px; }
[data-theme] .composer-shot-target__pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 5px 3px 9px;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  border-radius: var(--radius-pill);
}
[data-theme] .composer-shot-target__x {
  width: 16px; height: 16px; padding: 0; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; color: var(--accent-text);
  border-radius: var(--radius-sm); font-size: 12px; line-height: 1;
}
[data-theme] .composer-shot-target__x:hover { background: color-mix(in srgb, var(--accent) 22%, transparent); }
[data-theme] .composer-shot-target__x:focus-visible { outline: none; box-shadow: var(--focus-ring); }
@media (max-width: 700px) {
  [data-theme] .computer-sbv2__stage { grid-template-columns: minmax(0, 1fr); }
  [data-theme] .computer-sbv2__player {
    display: flex; justify-content: center; width: 100%; min-width: 0;
  }
  [data-theme] .computer-sbv2__frame {
    height: auto; width: 100%;
    max-width: calc(42vh * var(--sbv2-arw, 16) / var(--sbv2-arh, 9));
  }
  [data-theme] .computer-sbv2__super {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden;
  }
  [data-theme] .computer-sbv2__desc { -webkit-line-clamp: 3; }
  [data-theme] .computer-sbv2__tl-head { flex-wrap: wrap; }
  [data-theme] .computer-sbv2__tl-scroll { overscroll-behavior-x: contain; }
  [data-theme] .computer-sbv2__clip .computer-sbv2__at {
    display: inline-flex; width: 26px; height: 26px;
  }
  [data-theme] .computer-sbv2__hint { display: none; }
  [data-theme] .computer-chat-storyboard:has(.computer-sbv2) { max-height: min(66vh, 620px); }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-sbv2__spin,
  [data-theme] .computer-sbv2__clip-bar i { animation: none; }
}

[data-theme] .computer-chat-plan { display: none; }
[data-theme] .computer-chat-plan:has(.computer-ctx-block) {
  display: block;
  padding: var(--space-3) var(--space-6) 0;
  max-width: 820px; width: 100%; margin: 0 auto;
  flex: 0 0 auto;
  position: relative; z-index: 1;
}
[data-theme] .computer-chat-plan .computer-plan {
  width: 100%; max-width: 760px; margin: 0 auto -1px;
  border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  border-bottom-color: transparent;
  transition: border-color var(--t-base) var(--ease-out);
}
[data-theme] .computer-chat:has(.computer-chat-plan .computer-ctx-block) .computer-chat__composer { padding-top: 0; }
[data-theme] .computer-chat:has(.computer-chat-plan .computer-ctx-block) .computer-chat__composer .composer {
  border-top-left-radius: 0; border-top-right-radius: 0;
}
[data-theme] .computer-chat:has(.computer-chat__composer .composer:focus-within) .computer-chat-plan .computer-plan {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line-2));
  border-bottom-color: transparent;
}
[data-theme] .computer-plan__ghost {
  display: inline-block; height: 9px; border-radius: var(--radius-pill);
  background: var(--bg-3);
}
@media (max-width: 1100px) {
  [data-theme] .computer-page--chat { grid-template-columns: 1fr; }
  [data-theme] .computer-context {
    position: fixed; top: 0; bottom: 0; right: 0; z-index: 60;
    width: min(360px, 92vw);
    border-left: 1px solid var(--line);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform var(--t-base), visibility 0s var(--t-base);
    box-shadow: var(--shadow-lg);
  }
  [data-theme] .computer-page--chat.ctx-open .computer-context {
    transform: none;
    visibility: visible;
    transition: transform var(--t-base), visibility 0s;
  }
  [data-theme] .computer-page--chat.ctx-open .computer-ctx-backdrop {
    display: block; position: fixed; inset: 0; z-index: 59;
    background: var(--scrim);
  }
  [data-theme] .computer-chat { border-right: 0; }
}
[data-theme] .computer-topbar__menu {
  display: none;
  background: transparent; border: 0; cursor: pointer; color: var(--fg-2);
  padding: var(--space-1); margin-right: var(--space-1); border-radius: var(--radius-sm);
}
[data-theme] .computer-topbar__menu:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-backdrop { display: none; }

@media (max-width: 860px) {
  [data-theme] .computer-shell { grid-template-columns: 1fr; }
  [data-theme] .computer-topbar__menu { display: inline-flex; align-items: center; }
  [data-theme] .computer-nav {
    display: flex;
    position: fixed; inset: 0 auto 0 0; width: min(280px, 84vw); z-index: 50;
    transform: translateX(-100%); transition: transform var(--t-base);
    box-shadow: var(--shadow-lg);
  }
  [data-theme] .computer-shell.nav-open .computer-nav { transform: translateX(0); }
  [data-theme] .computer-shell.nav-open .computer-backdrop {
    display: block; position: fixed; inset: 0; z-index: 40;
    background: var(--scrim);
  }
}
[data-theme] .computer-page--library { padding: var(--space-6) var(--space-5); overflow-y: auto; }
[data-theme] .computer-library { max-width: 1160px; margin: 0 auto; }
[data-theme] .computer-library__head { margin-bottom: var(--space-4); }
[data-theme] .computer-library__title {
  display: flex; align-items: center; gap: var(--space-2);
  font-size: 20px; font-weight: var(--weight-semibold); color: var(--fg);
}
[data-theme] .computer-library__lede { margin-top: 4px; font-size: 13px; color: var(--fg-3); }
[data-theme] .computer-library__toolbar {
  display: flex; align-items: center; gap: var(--space-3);
  flex-wrap: wrap; margin-bottom: var(--space-4);
}
[data-theme] .computer-library__scope {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  flex-wrap: wrap; margin-bottom: var(--space-4); padding: var(--space-2) var(--space-3);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
}
[data-theme] .computer-library__scope-label {
  display: inline-flex; align-items: center; gap: 7px; min-width: 0;
  font-size: 13px; color: var(--fg-2);
}
[data-theme] .computer-library__scope-label svg { color: var(--fg-3); flex-shrink: 0; }
[data-theme] .computer-library__scope-label strong { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .computer-library__scope-clear {
  flex: 0 0 auto; font-size: 12px; font-weight: var(--weight-medium);
  color: var(--accent-text); text-decoration: none;
}
[data-theme] .computer-library__scope-clear:hover { text-decoration: underline; }
[data-theme] .computer-library__brandlab-entry {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-4); flex-wrap: wrap;
  margin-bottom: var(--space-4); padding: var(--space-3) var(--space-4);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
}
[data-theme] .computer-library__brandlab-entry-copy {
  display: flex; align-items: center; gap: var(--space-3); min-width: 0;
}
[data-theme] .computer-library__brandlab-entry-icon {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 40px; height: 40px; border-radius: var(--radius-md);
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
}
[data-theme] .computer-library__brandlab-entry-text { min-width: 0; }
[data-theme] .computer-library__brandlab-entry-title {
  margin: 0; font-size: 15px; font-weight: var(--weight-semibold); color: var(--fg);
}
[data-theme] .computer-library__brandlab-entry-lede {
  margin: 2px 0 0; max-width: 46ch; font-size: 12.5px; line-height: 1.5; color: var(--fg-3);
}
[data-theme] .computer-library__brandlab-entry-form { margin: 0; flex: 0 0 auto; }
[data-theme] .computer-library__brandlab-entry-btn {
  display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
}
[data-theme] .computer-library__tabs { display: flex; gap: var(--space-1); flex-wrap: wrap; flex: 1; min-width: 0; }
[data-theme] .computer-library__tab {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; padding: 6px 12px; border-radius: var(--radius-pill);
  color: var(--fg-3); border: 1px solid transparent; touch-action: manipulation;
}
[data-theme] .computer-library__tab:hover { color: var(--fg-2); background: var(--hover-bg); }
[data-theme] .computer-library__tab.is-active {
  color: var(--fg); background: var(--bg-2); border-color: var(--line-2);
}
[data-theme] .computer-library__tab-count {
  font-family: var(--font-mono); font-size: 10.5px; font-weight: var(--weight-semibold);
  padding: 1px 6px; border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--fg) 9%, transparent); color: inherit;
}
[data-theme] .computer-library__tab.is-active .computer-library__tab-count {
  background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent-text);
}
[data-theme] .computer-library__filters { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .computer-library__project {
  height: 34px; padding: 0 30px 0 11px; border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line); color: var(--fg);
  font: inherit; font-size: 13px; cursor: pointer; max-width: 200px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 9px center;
}
[data-theme] .computer-library__project:hover { border-color: var(--line-2); }
[data-theme] .computer-library__project:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 1px; border-color: var(--accent-text); }
[data-theme] .computer-library__search {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 11px; border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line); min-width: 200px;
}
[data-theme] .computer-library__search:focus-within { border-color: var(--accent-text); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
[data-theme] .computer-library__search svg { color: var(--fg-3); flex-shrink: 0; }
[data-theme] .computer-library__search input {
  flex: 1; min-width: 0; background: transparent; border: 0; outline: 0;
  color: var(--fg); font: inherit; font-size: 13px;
  min-height: 0; height: 100%; padding: 0;
  background-color: transparent !important;
  border-color: transparent !important;
}
[data-theme] .computer-library__search input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .computer-library__search input::placeholder { color: var(--fg-4); }
[data-theme] .computer-library__search input::-webkit-search-cancel-button { -webkit-appearance: none; }
@media (max-width: 640px) {
  [data-theme] .computer-library__filters { width: 100%; }
  [data-theme] .computer-library__search { flex: 1; min-width: 0; }
  [data-theme] .computer-library__search input,
  [data-theme] .computer-library__project { font-size: 16px; }
}
[data-theme] .computer-library__viewport {
  --library-cols: 36px minmax(0, 2.2fr) 108px minmax(0, 1fr) minmax(0, 1.4fr) 112px;
}
[data-theme] .computer-library__grid { list-style: none; margin: 0; padding: 0; }
[data-theme] .computer-library__item { list-style: none; min-width: 0; }
[data-theme] .computer-library__card-body { min-width: 0; }
[data-theme] .computer-library__card-title {
  display: block; font-size: 13px; color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-library__card-meta { font-size: 11px; color: var(--fg-4); }
[data-theme] .computer-library__cell { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .computer-library__preview {
  position: relative; display: block; flex: 0 0 auto; overflow: hidden;
  background: var(--bg-2); color: var(--fg-3);
}
[data-theme] .computer-library__preview-icon {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
}
[data-theme] .computer-library__preview-img {
  position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;
}
[data-theme] .computer-library__preview-play {
  position: absolute; right: 4px; bottom: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 50%;
  background: color-mix(in srgb, var(--bg) 72%, transparent);
  border: 1px solid var(--line-2); color: var(--fg);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__columns { display: none; }
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)); gap: var(--space-3);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card {
  display: flex; flex-direction: column; height: 100%; overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-1);
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card:hover {
  background: var(--hover-bg); border-color: var(--line-2);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card:focus-visible {
  outline: none; box-shadow: var(--focus-ring);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__preview {
  width: 100%; aspect-ratio: 16 / 10; border-bottom: 1px solid var(--line);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__preview svg {
  width: 22px; height: 22px;
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card-body {
  padding: var(--space-2-5) var(--space-3) var(--space-3);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card-title {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  white-space: normal; line-height: 1.35; min-height: calc(2 * 1.35em);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card-meta {
  display: flex; flex-wrap: wrap; align-items: center; margin-top: 3px;
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__cell.is-empty { display: none; }
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__cell:not(:last-child)::after {
  content: "·"; margin: 0 5px; color: var(--fg-4);
}
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card--producing .computer-library__cell::after {
  content: none;
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__columns {
  display: grid; grid-template-columns: var(--library-cols);
  align-items: center; gap: var(--space-3);
  padding: 0 var(--space-3) 6px;
  font-size: 10.5px; font-weight: var(--weight-semibold); letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__grid {
  border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden;
  background: var(--bg-1);
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__item + .computer-library__item {
  border-top: 1px solid var(--line);
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__card {
  display: grid; grid-template-columns: var(--library-cols);
  align-items: center; gap: var(--space-3);
  padding: 7px var(--space-3); background: transparent;
  transition: background var(--t-base);
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__card:hover { background: var(--hover-bg); }
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__card:focus-visible {
  outline: none; box-shadow: var(--focus-ring-inset, var(--focus-ring));
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__card-body { display: contents; }
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__card-meta { display: contents; }
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__preview {
  width: 36px; height: 36px; border-radius: var(--radius-sm); border: 1px solid var(--line);
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__preview svg { width: 15px; height: 15px; }
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__preview-play {
  right: 1px; bottom: 1px; width: 14px; height: 14px;
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__preview-play svg { width: 9px; height: 9px; }
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__cell.is-empty { color: var(--fg-4); }
@media (max-width: 860px) {
  [data-theme] .computer-library__viewport[data-view="table"] {
    --library-cols: 32px minmax(0, 1fr) 76px 96px;
  }
  [data-theme] .computer-library__viewport[data-view="table"] .computer-library__col--detail,
  [data-theme] .computer-library__viewport[data-view="table"] .computer-library__cell--detail,
  [data-theme] .computer-library__viewport[data-view="table"] .computer-library__col--source,
  [data-theme] .computer-library__viewport[data-view="table"] .computer-library__cell--source { display: none; }
}
[data-theme] .computer-library__view {
  display: inline-flex; align-items: center; gap: 2px; padding: 2px; flex: 0 0 auto;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
}
[data-theme] .computer-library__view-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 26px; padding: 0; border: 0; background: transparent;
  border-radius: var(--radius-sm); color: var(--fg-4); cursor: pointer;
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .computer-library__view-btn:hover { color: var(--fg-2); }
[data-theme] .computer-library__view-btn[aria-pressed="true"] {
  background: var(--bg); color: var(--fg); box-shadow: var(--shadow-sm);
}
[data-theme] .computer-library__view-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-library__more { display: flex; justify-content: center; }
[data-theme] .computer-library__more:not(:empty) { padding-top: var(--space-4); }
[data-theme] .computer-library__more-btn {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 16px; border-radius: var(--radius-pill);
  background: var(--bg-2); border: 1px solid var(--line); color: var(--fg-2);
  font: inherit; font-size: 12.5px; font-weight: var(--weight-medium); cursor: pointer;
  transition: color var(--t-base), background var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-library__more-btn:hover { color: var(--fg); border-color: var(--line-2); background: var(--hover-bg); }
[data-theme] .computer-library__more-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-library__more-btn[aria-busy="true"] { cursor: default; color: var(--fg-3); }
[data-theme] .computer-library__more-spinner { display: none; }
[data-theme] .computer-library__more-btn[aria-busy="true"] .computer-library__more-spinner {
  display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--fg) 18%, transparent);
  border-top-color: var(--accent);
  animation: computer-spin var(--t-spin) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-library__more-btn[aria-busy="true"] .computer-library__more-spinner {
    animation: none; border-top-color: var(--accent);
  }
}

[data-theme] .computer-library__empty {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  padding: var(--space-8) var(--space-4); color: var(--fg-3); text-align: center;
  border: 1px dashed var(--line); border-radius: var(--radius-md); font-size: 13px;
}
[data-theme] .computer-library__card--producing { cursor: default; }
[data-theme] .computer-library__viewport[data-view="cards"] .computer-library__card--producing:hover {
  background: var(--bg-1); border-color: var(--line);
}
[data-theme] .computer-library__viewport[data-view="table"] .computer-library__card--producing:hover { background: transparent; }
[data-theme] .computer-library__card--producing .computer-library__preview { color: var(--fg-4); }
[data-theme] .computer-library__producing {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 4px; font-size: 11px; color: var(--accent-text);
}
[data-theme] .computer-library__producing-spinner {
  width: 11px; height: 11px; border-radius: 50%; flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-top-color: var(--accent);
  animation: computer-spin var(--t-spin) linear infinite;
}
[data-theme] .computer-library__skeleton {
  display: block; height: 9px; width: 88px; max-width: 100%;
  border-radius: var(--radius-xs);
  background: linear-gradient(90deg, var(--bg-2) 0%, var(--bg-3) 50%, var(--bg-2) 100%);
  background-size: 200% 100%;
  animation: computer-library-shimmer 1.6s ease-in-out infinite;
}
@keyframes computer-library-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-library__producing-spinner { animation: none; border-top-color: var(--accent); }
  [data-theme] .computer-library__skeleton { animation: none; background: var(--bg-2); }
}
[data-theme] .computer-library__card-charkey {
  font-family: var(--font-mono); font-size: 10px;
  color: var(--fg-3); background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 1px 4px;
}
[data-theme] .computer-library__card-swatches {
  display: inline-flex; align-items: center; gap: 3px; vertical-align: middle;
}
[data-theme] .computer-library__card-swatch {
  width: 9px; height: 9px; border-radius: 50%; display: inline-block;
  background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-library__author {
  display: flex; align-items: flex-start; gap: var(--space-2);
  flex-wrap: wrap; margin-bottom: var(--space-3);
}
[data-theme] .computer-library__author-btn {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 12px; border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line); color: var(--fg-2);
  font-size: 13px; font-weight: var(--weight-medium); cursor: pointer;
  list-style: none; touch-action: manipulation;
}
[data-theme] .computer-library__author-btn::-webkit-details-marker { display: none; }
[data-theme] .computer-library__author-btn:hover { border-color: var(--line-2); color: var(--fg); background: var(--hover-bg); }
[data-theme] .computer-library__author-btn svg { color: var(--fg-3); }
[data-theme] .computer-library__upload-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
[data-theme] .computer-library__snippet { position: relative; }
[data-theme] .computer-library__snippet[open] > .computer-library__author-btn { border-color: var(--line-2); color: var(--fg); }
[data-theme] .computer-library__snippet-form {
  display: flex; flex-direction: column; gap: var(--space-2);
  margin-top: var(--space-2); padding: var(--space-3);
  width: min(420px, 92vw);
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-md);
}
[data-theme] .computer-library__snippet-title,
[data-theme] .computer-library__snippet-body {
  width: 100%; background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-sm); color: var(--fg); font: inherit; font-size: 13px;
  padding: 8px 10px; min-height: 0;
}
[data-theme] .computer-library__snippet-body { resize: vertical; line-height: 1.5; }
[data-theme] .computer-library__snippet-title:focus-visible,
[data-theme] .computer-library__snippet-body:focus-visible {
  outline: 2px solid var(--focus-ring-color); outline-offset: 1px; border-color: var(--accent-text);
}
[data-theme] .computer-library__snippet-actions { display: flex; justify-content: flex-end; }
[data-theme] .computer-library__copy {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 14px; border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line); color: var(--fg-2);
  font-size: 13px; font-weight: var(--weight-medium); cursor: pointer; touch-action: manipulation;
}
[data-theme] .computer-library__copy:hover { border-color: var(--line-2); color: var(--fg); background: var(--hover-bg); }
[data-theme] .computer-library__copy svg { color: var(--fg-3); }
@media (max-width: 640px) {
  [data-theme] .computer-library__snippet-title,
  [data-theme] .computer-library__snippet-body { font-size: 16px; }
}
[data-theme] .computer-library__empty--branded {
  gap: var(--space-3); padding: var(--space-8) var(--space-4); border-style: solid;
}
[data-theme] .computer-library__empty-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: var(--radius-lg);
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
}
[data-theme] .computer-library__empty-title {
  margin: 0; font-size: 18px; font-weight: var(--weight-semibold); color: var(--fg);
}
[data-theme] .computer-library__empty-body {
  margin: 0; max-width: 380px; font-size: 13px; line-height: 1.55; color: var(--fg-3);
}
[data-theme] .computer-library__empty-cta {
  display: inline-flex; align-items: center; gap: 7px; margin-top: var(--space-1);
  padding: 9px 16px; border-radius: var(--radius-pill);
  font-size: 13px; font-weight: var(--weight-medium);
  background: var(--accent); color: var(--accent-fg);
  touch-action: manipulation;
  forced-color-adjust: none;
}
[data-theme] .computer-library__empty-cta:hover { filter: brightness(1.06); }
[data-theme] .computer-library__empty-cta:focus-visible {
  outline: 2px solid var(--focus-ring-color); outline-offset: 2px;
}
[data-theme] .computer-library__crumbs { margin-bottom: var(--space-3); }
[data-theme] .computer-library__back {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--fg-3);
}
[data-theme] .computer-library__back:hover { color: var(--fg); }
[data-theme] .computer-library__chatlink { color: var(--accent-text); }
[data-theme] .computer-library__actions { margin: var(--space-3) 0; }
[data-theme] .computer-library__download {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; padding: 7px 12px; border-radius: var(--radius-sm);
  border: 1px solid var(--line-2); color: var(--fg); background: var(--bg-2);
  touch-action: manipulation;
}
[data-theme] .computer-library__download:hover { background: var(--hover-bg); }
[data-theme] .computer-library__preview {
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-1);
  padding: var(--space-3); overflow: auto;
}
[data-theme] .computer-library__preview-img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
[data-theme] .computer-library__preview-video {
  display: block; max-width: 100%; max-height: 70vh; height: auto;
  border-radius: var(--radius-sm); background: #000;
}
[data-theme] .computer-library__preview-audio { display: block; width: 100%; }
[data-theme] .computer-library__preview-text {
  margin: 0; font-family: var(--font-mono); font-size: 12px; line-height: 1.5;
  color: var(--fg-2); white-space: pre-wrap; word-break: break-word;
}
[data-theme] .computer-library__preview-none {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  padding: var(--space-6); color: var(--fg-3); font-size: 13px; text-align: center;
}
[data-theme] .computer-mdedit__bar {
  display: flex; align-items: center; gap: var(--space-3);
  margin-bottom: var(--space-3);
}
[data-theme] .computer-mdedit__views {
  display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-sm);
  overflow: hidden;
}
[data-theme] .computer-mdedit__view {
  font-size: 12px; font-weight: var(--weight-medium);
  padding: var(--space-1) var(--space-2-5);
  background: transparent; border: 0; color: var(--fg-3); cursor: pointer;
}
[data-theme] .computer-mdedit__view + .computer-mdedit__view { border-left: 1px solid var(--line); }
[data-theme] .computer-mdedit__view[aria-pressed="true"] { background: var(--bg-2); color: var(--fg); }
[data-theme] .computer-mdedit__view:hover { color: var(--fg); }
[data-theme] .computer-mdedit__status {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em;
  color: var(--fg-4);
}
[data-theme] .computer-mdedit__save {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  margin-left: auto;
  font-size: 12px; font-weight: var(--weight-medium);
  padding: var(--space-1) var(--space-2-5); border-radius: var(--radius-sm);
  background: var(--accent); border: 0; color: var(--accent-fg); cursor: pointer;
  forced-color-adjust: none;
}
[data-theme] .computer-mdedit__save:hover { filter: brightness(1.05); }
[data-theme] .computer-mdedit__surface {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
  color: var(--fg-2); font-size: 14px; line-height: 1.6;
}
[data-theme] .computer-mdedit__surface .tiptap { outline: none; min-height: 120px; }
[data-theme] .computer-mdedit__surface ul { list-style: disc; }
[data-theme] .computer-mdedit__surface ol { list-style: decimal; }
[data-theme] .computer-mdedit--editable .computer-mdedit__surface:focus-within { border-color: var(--line-2); }
[data-theme] .computer-terminal__pane {
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  padding: var(--space-2);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.6;
}
[data-theme] .computer-terminal__line {
  display: block;
  color: var(--fg-3);
  word-break: break-word;
}
[data-theme] .computer-terminal__prompt { color: var(--fg-4); margin-right: 4px; }
[data-theme] .computer-terminal__cmd { color: var(--fg-2); }
[data-theme] .computer-terminal__state { color: var(--fg-4); margin-left: 6px; }
[data-theme] .computer-terminal__line--done .computer-terminal__state { color: var(--accent-text); }
[data-theme] .computer-terminal__line--failed .computer-terminal__state { color: var(--fg-3); }
[data-theme] .computer-terminal__line--blocked .computer-terminal__state { color: var(--warning-fg); }
[data-theme] .computer-terminal__tail {
  display: block;
  padding-left: 14px;
  color: var(--fg-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .computer-terminal__empty { color: var(--fg-4); font-size: 12px; margin: 0; padding: var(--space-1); }
@media (max-width: 700px) {
  [data-theme] .computer-terminal__pane { max-height: 180px; }
}
[data-theme] .computer-actuals {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-3);
  margin-top: var(--space-4); padding: var(--space-2-5) var(--space-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .computer-actuals__head {
  display: inline-flex; align-items: baseline; gap: var(--space-1-5);
  font-size: 13px; color: var(--fg-2);
}
[data-theme] .computer-actuals__head svg { color: var(--fg-3); align-self: center; flex: 0 0 auto; }
[data-theme] .computer-actuals__label {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .computer-actuals__value { font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .computer-actuals__unit { font-size: 12px; color: var(--fg-3); }
[data-theme] .computer-actuals__meta {
  display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-1-5);
  margin-left: auto;
  font-family: var(--font-mono); font-size: 11px; color: var(--fg-4);
}
[data-theme] .computer-actuals__dot { color: var(--fg-4); }
[data-theme] .computer-actuals--expandable { display: block; }
[data-theme] .computer-actuals__summary {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-3);
  cursor: pointer; list-style: none;
}
[data-theme] .computer-actuals__summary::-webkit-details-marker { display: none; }
[data-theme] .computer-actuals__toggle {
  display: inline-flex; color: var(--fg-4); align-self: center;
  transition: transform var(--t-base);
}
[data-theme] .computer-actuals--expandable[open] .computer-actuals__toggle { transform: rotate(180deg); }
[data-theme] .computer-actuals__breakdown {
  display: flex; flex-direction: column; gap: var(--space-1-5);
  margin-top: var(--space-3); padding-top: var(--space-3);
  border-top: 1px solid var(--line);
}
[data-theme] .computer-actuals__breakdown-head {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .computer-actuals__line {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3);
  font-size: 13px; color: var(--fg-2);
}
[data-theme] .computer-actuals__line-label { display: inline-flex; align-items: baseline; gap: var(--space-2); flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-actuals__line-sub {
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
[data-theme] .computer-actuals__line-credits { font-variant-numeric: tabular-nums; color: var(--fg); flex: 0 0 auto; }
[data-theme] .computer-actuals__line--total {
  margin-top: var(--space-1); padding-top: var(--space-2);
  border-top: 1px solid var(--line); font-weight: var(--weight-semibold);
}
[data-theme] .computer-actuals__line--total .computer-actuals__line-label { color: var(--fg); }
[data-theme] .computer-actuals__breakdown-note {
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-4); margin-top: var(--space-1);
}

@media (max-width: 560px) {
  [data-theme] .computer-actuals__meta { margin-left: 0; width: 100%; }
}
[data-theme] .computer-terminal__pane {
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  padding: var(--space-2);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.6;
}
[data-theme] .computer-terminal__line {
  display: block;
  color: var(--fg-3);
  word-break: break-word;
}
[data-theme] .computer-terminal__prompt { color: var(--fg-4); margin-right: 4px; }
[data-theme] .computer-terminal__cmd { color: var(--fg-2); }
[data-theme] .computer-terminal__state { color: var(--fg-4); margin-left: 6px; }
[data-theme] .computer-terminal__line--done .computer-terminal__state { color: var(--accent-text); }
[data-theme] .computer-terminal__line--failed .computer-terminal__state { color: var(--fg-3); }
[data-theme] .computer-terminal__line--blocked .computer-terminal__state { color: var(--warning-fg); }
[data-theme] .computer-terminal__tail {
  display: block;
  padding-left: 14px;
  color: var(--fg-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .computer-terminal__empty { color: var(--fg-4); font-size: 12px; margin: 0; padding: var(--space-1); }
@media (max-width: 700px) {
  [data-theme] .computer-terminal__pane { max-height: 180px; }
}
[data-theme] .computer-buildstrip__note {
  font-size: 10px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--fg-4); margin-right: var(--space-2); flex: 0 0 auto;
  cursor: help;
}
[data-theme] .computer-page--scheduled { overflow-y: auto; }
[data-theme] .csched__head,
[data-theme] .csched__tiles,
[data-theme] .csched__section,
[data-theme] .csched__empty { max-width: 860px; margin: 0 auto; padding: 0 var(--space-5); }
[data-theme] .csched__head { padding-top: var(--space-7); margin-bottom: var(--space-4); }
[data-theme] .csched__title { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: 24px; font-weight: var(--weight-bold); color: var(--fg); }
[data-theme] .csched__title svg { color: var(--accent-text); }
[data-theme] .csched__lede { margin: var(--space-2) 0 0; font-size: 14px; color: var(--fg-3); max-width: 62ch; }
[data-theme] .csched__tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); margin-bottom: var(--space-6); }
[data-theme] .csched__tile { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-3) var(--space-4); display: grid; gap: 2px; }
[data-theme] .csched__tile-num { font-size: 22px; font-weight: var(--weight-bold); color: var(--fg); font-variant-numeric: tabular-nums; }
[data-theme] .csched__tile-label { font-size: 12px; color: var(--fg-3); }
[data-theme] .csched__heading { margin: 0 0 var(--space-3); font-size: 12px; font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: .07em; color: var(--fg-3); }
[data-theme] .csched__section { margin-bottom: var(--space-6); }
[data-theme] .csched__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
[data-theme] .csched__row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-3) var(--space-4); min-height: 56px; }
[data-theme] .csched__dot { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--radius-md); background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-text); font-weight: var(--weight-bold); font-size: 13px; }
[data-theme] .csched__main { min-width: 0; flex: 1 1 auto; display: grid; gap: 2px; }
[data-theme] .csched__name { font-size: 14px; font-weight: var(--weight-medium); color: var(--fg); display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .csched__chip { font-size: 10px; letter-spacing: .06em; padding: 1px 6px; border-radius: var(--radius-pill); border: 1px solid var(--line); color: var(--fg-3); flex: 0 0 auto; }
[data-theme] .csched__chip--needsyou { border-color: color-mix(in srgb, var(--warning-fg) 50%, var(--line)); color: var(--warning-fg); }
[data-theme] .csched__chip--queued { border-color: color-mix(in srgb, var(--queued-fg) 45%, var(--line)); background: var(--queued-bg); color: var(--queued-fg); }
[data-theme] .csched__chip--skipped { border-color: var(--line); color: var(--fg-3); }
[data-theme] .csched__chip--failed { border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line)); background: color-mix(in srgb, var(--danger-fg) 10%, transparent); color: var(--danger-fg); }
[data-theme] .csched__meta { font-size: 12px; color: var(--fg-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .csched__note--failed { color: var(--danger-fg); }
[data-theme] .csched__note--skipped { color: var(--warning-fg); }
[data-theme] .csched__chatlink { color: var(--fg-3); text-decoration: underline; text-decoration-color: var(--line); }
[data-theme] .csched__chatlink:hover { color: var(--fg-2); }
[data-theme] .csched__empty { font-size: 14px; color: var(--fg-4); padding-bottom: var(--space-6); }
[data-theme] .csched__switch { flex: 0 0 auto; width: 44px; height: 26px; border-radius: var(--radius-pill); border: 1px solid var(--line); background: var(--bg-3, var(--bg)); position: relative; cursor: pointer; padding: 0; }
[data-theme] .csched__switch-knob { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--fg-4); transition: transform .12s ease, background .12s ease; }
[data-theme] .csched__switch--on { background: color-mix(in srgb, var(--accent) 28%, transparent); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
[data-theme] .csched__switch--on .csched__switch-knob { transform: translateX(18px); background: var(--accent); }
@media (max-width: 640px) {
  [data-theme] .csched__tiles { grid-template-columns: repeat(2, 1fr); }
  [data-theme] .csched__head { padding-top: var(--space-4); }
}
[data-theme] .csched__delete { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--fg-4); cursor: pointer; }
[data-theme] .csched__delete:hover { color: var(--danger-fg); background: var(--bg); }
[data-theme] .csched__create { max-width: 860px; margin: 0 auto var(--space-5); padding: 0 var(--space-5); }
[data-theme] .csched__create-cta { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); color: var(--fg-2); font-size: 13px; font-weight: var(--weight-medium); cursor: pointer; list-style: none; }
[data-theme] .csched__create-cta::-webkit-details-marker { display: none; }
[data-theme] .csched__create-cta:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .csched__create[open] .csched__create-cta { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .csched__form { margin-top: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-4); display: grid; gap: var(--space-3); }
[data-theme] .csched__field { display: grid; gap: var(--space-1); min-width: 0; }
[data-theme] .csched__field-label { font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-3); }
[data-theme] .csched__input { width: 100%; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); color: var(--fg); font-size: 16px; padding: 8px 10px; outline: none; }
[data-theme] .csched__input:focus { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); }
[data-theme] .csched__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
[data-theme] .csched__form-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
[data-theme] .csched__form-note { font-size: 12px; color: var(--fg-3); max-width: 48ch; }
[data-theme] .csched__form-submit { display: inline-flex; align-items: center; padding: 8px 16px; min-height: 36px; border: 1px solid var(--accent); border-radius: var(--radius-md); background: var(--accent); color: var(--accent-fg); font-size: 13px; font-weight: var(--weight-semibold); cursor: pointer; forced-color-adjust: none; }
[data-theme] .csched__form-submit:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); }
[data-theme] .csched__skip { gap: var(--space-2); }
[data-theme] .csched__skip-opts { display: grid; gap: var(--space-1); }
[data-theme] .csched__skip-opt {
  display: flex; align-items: flex-start; gap: var(--space-2);
  padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg); cursor: pointer;
}
[data-theme] .csched__skip-opt:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
[data-theme] .csched__skip-radio { margin-top: 2px; accent-color: var(--accent); }
[data-theme] .csched__skip-opt:has(.csched__skip-radio:checked) {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, var(--bg));
}
[data-theme] .csched__skip-opt--danger .csched__skip-radio { accent-color: var(--danger-fg); }
[data-theme] .csched__skip-opt--danger:has(.csched__skip-radio:checked) {
  border-color: color-mix(in srgb, var(--danger-fg) 55%, var(--line));
  background: color-mix(in srgb, var(--danger-fg) 8%, var(--bg));
}
[data-theme] .csched__skip-opt-text { display: grid; gap: 1px; min-width: 0; }
[data-theme] .csched__skip-opt-label { font-size: 13px; font-weight: var(--weight-medium); color: var(--fg); }
[data-theme] .csched__skip-opt-hint { font-size: 12px; color: var(--fg-3); }
[data-theme] .computer-page--inboxes { overflow-y: auto; }
[data-theme] .cinbox__head,
[data-theme] .cinbox__tiles,
[data-theme] .cinbox__section,
[data-theme] .cinbox__empty { max-width: 860px; margin: 0 auto; padding: 0 var(--space-5); }
[data-theme] .cinbox__head { padding-top: var(--space-7); margin-bottom: var(--space-4); }
[data-theme] .cinbox__title { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: 24px; font-weight: var(--weight-bold); color: var(--fg); }
[data-theme] .cinbox__title svg { color: var(--accent-text); }
[data-theme] .cinbox__lede { margin: var(--space-2) 0 0; font-size: 14px; color: var(--fg-3); max-width: 62ch; }
[data-theme] .cinbox__tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); margin-bottom: var(--space-6); }
[data-theme] .cinbox__tile { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-3) var(--space-4); display: grid; gap: 2px; }
[data-theme] .cinbox__tile-num { font-size: 22px; font-weight: var(--weight-bold); color: var(--fg); font-variant-numeric: tabular-nums; }
[data-theme] .cinbox__tile-label { font-size: 12px; color: var(--fg-3); }
[data-theme] .cinbox__heading { margin: 0 0 var(--space-3); font-size: 12px; font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: .07em; color: var(--fg-3); }
[data-theme] .cinbox__section { margin-bottom: var(--space-6); }
[data-theme] .cinbox__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
[data-theme] .cinbox__row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-3) var(--space-4); min-height: 56px; }
[data-theme] .cinbox__dot { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--radius-md); background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-text); font-weight: var(--weight-bold); font-size: 13px; }
[data-theme] .cinbox__main { min-width: 0; flex: 1 1 auto; display: grid; gap: 2px; }
[data-theme] .cinbox__name { font-size: 14px; font-weight: var(--weight-medium); color: var(--fg); display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
[data-theme] .cinbox__chip { font-size: 10px; letter-spacing: .06em; padding: 1px 6px; border-radius: var(--radius-pill); border: 1px solid var(--line); color: var(--fg-3); flex: 0 0 auto; }
[data-theme] .cinbox__chip--open { border-color: color-mix(in srgb, var(--warning-fg) 50%, var(--line)); color: var(--warning-fg); }
[data-theme] .cinbox__chip--held { border-color: color-mix(in srgb, var(--queued-fg) 45%, var(--line)); background: var(--queued-bg); color: var(--queued-fg); }
[data-theme] .cinbox__chip--domain-ok { border-color: color-mix(in srgb, var(--success-fg) 45%, var(--line)); color: var(--success-fg); }
[data-theme] .cinbox__chip--domain-err { border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line)); color: var(--danger-fg); }
[data-theme] .cinbox__at { color: var(--fg-3); font-size: 13px; align-self: center; }
[data-theme] .cinbox__input--local { max-width: 140px; }
[data-theme] .cinbox__record-copy code { word-break: break-word; overflow-wrap: anywhere; }
[data-theme] .cinbox__records code { font-size: 11px; word-break: break-all; }
[data-theme] .cinbox__record-copy span[data-controller] { display: inline-flex; align-items: flex-start; gap: 2px; }
[data-theme] .cinbox__panel-note--error { color: var(--danger-fg); }
[data-theme] .cinbox__meta { font-size: 12px; color: var(--fg-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .cinbox__chatlink { color: var(--fg-3); text-decoration: underline; text-decoration-color: var(--line); }
[data-theme] .cinbox__chatlink:hover { color: var(--fg-2); }
[data-theme] .cinbox__empty { font-size: 14px; color: var(--fg-4); padding-bottom: var(--space-6); }
[data-theme] .cinbox__addr { flex: 0 1 auto; display: inline-flex; align-items: center; gap: var(--space-1); min-width: 0; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); padding: 2px 4px 2px 8px; }
[data-theme] .cinbox__addr-code { font-size: 12px; color: var(--fg-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
[data-theme] .cinbox__copy { display: inline-flex; align-items: center; gap: 4px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--fg-3); font-size: 12px; font-weight: var(--weight-medium); padding: 4px 6px; cursor: pointer; }
[data-theme] .cinbox__copy:hover { color: var(--fg); background: var(--bg-2); }
[data-theme] .cinbox__delete { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--fg-4); cursor: pointer; }
[data-theme] .cinbox__delete:hover { color: var(--danger-fg); background: var(--bg); }
[data-theme] .cinbox__edit-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--fg-4); cursor: pointer; }
[data-theme] .cinbox__edit-btn:hover { color: var(--fg); background: var(--bg); }
[data-theme] .cinbox__switch { flex: 0 0 auto; width: 44px; height: 26px; border-radius: var(--radius-pill); border: 1px solid var(--line); background: var(--bg-3, var(--bg)); position: relative; cursor: pointer; padding: 0; }
[data-theme] .cinbox__switch-knob { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--fg-4); transition: transform .12s ease, background .12s ease; }
[data-theme] .cinbox__switch--on { background: color-mix(in srgb, var(--accent) 28%, transparent); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
[data-theme] .cinbox__switch--on .cinbox__switch-knob { transform: translateX(18px); background: var(--accent); }
[data-theme] .cinbox__create { max-width: 860px; margin: 0 auto var(--space-5); padding: 0 var(--space-5); }
[data-theme] .cinbox__create-cta { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); color: var(--fg-2); font-size: 13px; font-weight: var(--weight-medium); cursor: pointer; list-style: none; }
[data-theme] .cinbox__create-cta::-webkit-details-marker { display: none; }
[data-theme] .cinbox__create-cta:hover,
[data-theme] .cinbox__create[open] .cinbox__create-cta { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .cinbox__form { margin-top: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-4); display: grid; gap: var(--space-3); }
[data-theme] .cinbox__field { display: grid; gap: var(--space-1); min-width: 0; }
[data-theme] .cinbox__field-label { font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-3); }
[data-theme] .cinbox__input { width: 100%; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); color: var(--fg); font-size: 16px; padding: 8px 10px; outline: none; }
[data-theme] .cinbox__input:focus { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); }
[data-theme] .cinbox__form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
[data-theme] .cinbox__form-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
[data-theme] .cinbox__form-note { font-size: 12px; color: var(--fg-3); max-width: 48ch; }
[data-theme] .cinbox__form-submit { display: inline-flex; align-items: center; padding: 8px 16px; min-height: 36px; border: 1px solid var(--accent); border-radius: var(--radius-md); background: var(--accent); color: var(--accent-fg); font-size: 13px; font-weight: var(--weight-semibold); cursor: pointer; forced-color-adjust: none; }
[data-theme] .cinbox__form-submit:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); }
[data-theme] .cinbox__form-submit--sm { padding: 6px 12px; min-height: 32px; }
[data-theme] .cinbox__panel { flex: 1 1 100%; min-width: 0; margin-top: var(--space-1); }
[data-theme] .cinbox__panel-toggle { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-3); }
[data-theme] .cinbox__panel-toggle::-webkit-details-marker { display: none; }
[data-theme] .cinbox__panel-toggle:hover,
[data-theme] .cinbox__panel[open] .cinbox__panel-toggle { color: var(--fg); }
[data-theme] .cinbox__panel-toggle svg { color: var(--fg-4); }
[data-theme] .cinbox__panel-body { margin-top: var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg); padding: var(--space-3) var(--space-4); display: grid; gap: var(--space-3); min-width: 0; max-width: 100%; overflow-x: auto; }
[data-theme] .cinbox__panel .cinbox__form { margin-top: var(--space-2); }
[data-theme] .cinbox__panel-note { margin: 0; font-size: 12px; color: var(--fg-3); max-width: 64ch; }
[data-theme] .cinbox__senders { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-theme] .cinbox__sender { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--bg-2); padding: 2px 4px 2px 10px; }
[data-theme] .cinbox__sender code { font-size: 12px; color: var(--fg-2); word-break: break-word; overflow-wrap: anywhere; }
[data-theme] .cinbox__sender-remove { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 0; border-radius: 50%; background: transparent; color: var(--fg-4); cursor: pointer; }
[data-theme] .cinbox__sender-remove:hover { color: var(--danger-fg); background: var(--bg); }
[data-theme] .cinbox__sender-form { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
[data-theme] .cinbox__sender-form .cinbox__input { flex: 1 1 260px; width: auto; }
[data-theme] .cinbox__events { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 12px; }
[data-theme] .cinbox__events th { text-align: left; font-weight: var(--weight-medium); color: var(--fg-4); padding: 4px 8px 6px 0; border-bottom: 1px solid var(--line); }
[data-theme] .cinbox__events td { padding: 6px 8px 6px 0; border-bottom: 1px solid var(--line); color: var(--fg-2); vertical-align: top; word-break: break-word; overflow-wrap: anywhere; }
[data-theme] .cinbox__events tr:last-child td { border-bottom: 0; }
[data-theme] .cinbox__event-when { white-space: nowrap; color: var(--fg-3); }
[data-theme] .cinbox__event-from,
[data-theme] .cinbox__event-subject { word-break: break-word; overflow-wrap: anywhere; }
[data-theme] .cinbox__events tbody tr.cinbox__event-row--link { position: relative; cursor: pointer; }
[data-theme] .cinbox__events tbody tr.cinbox__event-row--link:hover,
[data-theme] .cinbox__events tbody tr.cinbox__event-row--link:focus-within { background: var(--bg-2); }
[data-theme] .cinbox__event-rowlink { color: inherit; text-decoration: none; }
[data-theme] .cinbox__event-rowlink::after { content: ""; position: absolute; inset: 0; }
[data-theme] .cinbox__event-status { display: inline-flex; align-items: center; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; padding: 1px 7px; border-radius: var(--radius-pill); border: 1px solid var(--line); color: var(--fg-3); white-space: nowrap; }
[data-theme] .cinbox__event-status--ok { border-color: color-mix(in srgb, var(--success-fg) 45%, var(--line)); color: var(--success-fg); }
[data-theme] .cinbox__event-status--pending { border-color: color-mix(in srgb, var(--queued-fg) 45%, var(--line)); background: var(--queued-bg); color: var(--queued-fg); }
[data-theme] .cinbox__event-status--blocked { border-color: color-mix(in srgb, var(--warning-fg) 50%, var(--line)); color: var(--warning-fg); }
[data-theme] .cinbox__event-status--failed { border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line)); background: color-mix(in srgb, var(--danger-fg) 10%, transparent); color: var(--danger-fg); }
@media (max-width: 640px) {
  [data-theme] .cinbox__tiles { grid-template-columns: repeat(2, 1fr); }
  [data-theme] .cinbox__head { padding-top: var(--space-4); }
  [data-theme] .cinbox__form-row { grid-template-columns: 1fr; }
  [data-theme] .cinbox__addr-code { max-width: 180px; }
}
[data-theme] .csched__edit { flex-basis: 100%; margin-top: var(--space-1); }
[data-theme] .csched__edit-toggle {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer; list-style: none;
  font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-3);
}
[data-theme] .csched__edit-toggle::-webkit-details-marker { display: none; }
[data-theme] .csched__edit-toggle:hover { color: var(--fg); }
[data-theme] .csched__edit-toggle svg { color: var(--fg-4); }
[data-theme] .csched__edit[open] .csched__edit-toggle { color: var(--fg); }
[data-theme] .csched__edit .csched__form { margin-top: var(--space-2); }

@media (max-width: 640px) {
  [data-theme] .csched__form-row { grid-template-columns: 1fr; }
}
[data-theme] .computer-page--templates { overflow-y: auto; }
[data-theme] .ctpl__head,
[data-theme] .ctpl__toolbar,
[data-theme] .ctpl__grid,
[data-theme] .ctpl__empty { max-width: 1100px; margin: 0 auto; padding: 0 var(--space-5); }
[data-theme] .ctpl__head { padding-top: var(--space-7); margin-bottom: var(--space-4); display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
[data-theme] .ctpl__title { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: 24px; font-weight: var(--weight-bold); color: var(--fg); }
[data-theme] .ctpl__title svg { color: var(--accent-text); }
[data-theme] .ctpl__lede { margin: var(--space-2) 0 0; font-size: 14px; color: var(--fg-3); max-width: 62ch; }
[data-theme] .ctpl__submit { flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); color: var(--fg-2); font-size: 13px; font-weight: var(--weight-medium); text-decoration: none; }
[data-theme] .ctpl__submit:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .ctpl__toolbar { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); flex-wrap: wrap; }
[data-theme] .ctpl__tabs { display: flex; gap: var(--space-1); overflow-x: auto; scrollbar-width: none; min-width: 0; flex: 1 1 auto; }
[data-theme] .ctpl__tabs::-webkit-scrollbar { display: none; }
[data-theme] .ctpl__tab { flex: 0 0 auto; padding: 6px 12px; border-radius: var(--radius-pill); border: 1px solid transparent; color: var(--fg-3); font-size: 13px; text-decoration: none; white-space: nowrap; }
[data-theme] .ctpl__tab:hover { color: var(--fg-2); }
[data-theme] .ctpl__tab.is-active { border-color: var(--line); background: var(--bg-2); color: var(--fg); }
[data-theme] .ctpl__seg { flex: 0 0 auto; display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
[data-theme] .ctpl__seg-btn { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 12px; font-size: 13px; color: var(--fg-3); text-decoration: none; border-right: 1px solid var(--line); }
[data-theme] .ctpl__seg-btn:last-child { border-right: 0; }
[data-theme] .ctpl__seg-btn.is-active { background: var(--bg-2); color: var(--fg); }
[data-theme] .ctpl__search { flex: 0 1 240px; display: flex; align-items: center; gap: var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); padding: 0 var(--space-3); color: var(--fg-4); }
[data-theme] .ctpl__search input { flex: 1 1 auto; min-width: 0; min-height: 0; border: 0; background-color: transparent !important; border-color: transparent !important; color: var(--fg); font-size: 16px; padding: 8px 0; outline: none; }
[data-theme] .ctpl__search input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .ctpl__search input::placeholder { color: var(--fg-4); }
[data-theme] .ctpl__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-4); padding-bottom: var(--space-7); }
[data-theme] .ctpl__card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); overflow: hidden; }
[data-theme] .ctpl__cover { position: relative; aspect-ratio: 16 / 9; background: var(--bg-1); display: flex; align-items: center; justify-content: center; }
[data-theme] button.ctpl__cover--live { padding: 0; border: 0; margin: 0; width: 100%; font: inherit; color: inherit; text-align: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
[data-theme] .ctpl__cover-overlay { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--bg) 55%, transparent); opacity: 0; transition: opacity 0.15s var(--ease-out); }
[data-theme] .ctpl__cover--live:hover .ctpl__cover-overlay,
[data-theme] .ctpl__cover--live:focus-visible .ctpl__cover-overlay { opacity: 1; }
[data-theme] .ctpl__cover--live:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: -2px; }
[data-theme] .ctpl__cover-play { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--bg); border: 1px solid var(--line); color: var(--fg); font-size: 12px; font-weight: var(--weight-semibold); box-shadow: var(--shadow-sm); }
@media (prefers-reduced-motion: reduce) { [data-theme] .ctpl__cover-overlay { transition: none; } }
[data-theme] .ctpl__cover-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
[data-theme] .ctpl__cover-letter { font-family: var(--font-body); font-size: 34px; font-weight: var(--weight-bold); color: var(--fg-3); }
[data-theme] .ctpl__tag { position: absolute; top: var(--space-2); left: var(--space-2); padding: 2px 8px; border-radius: var(--radius-pill); border: 1px solid var(--line); background: var(--bg); color: var(--fg-2); font-size: 11px; font-weight: var(--weight-medium); }
[data-theme] .ctpl__price { position: absolute; top: var(--space-2); right: var(--space-2); padding: 2px 8px; border-radius: var(--radius-pill); border: 1px solid var(--line); background: var(--bg); color: var(--fg); font-size: 11px; font-weight: var(--weight-semibold); }
[data-theme] .ctpl__price--free { color: var(--accent-text); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); }
[data-theme] .ctpl__body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3) var(--space-4) var(--space-4); flex: 1 1 auto; }
[data-theme] .ctpl__name { margin: 0; font-size: 15px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .ctpl__desc { margin: 0; font-size: 13px; color: var(--fg-3); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-theme] .ctpl__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); padding-top: var(--space-2); }
[data-theme] .ctpl__forks { display: inline-flex; align-items: center; gap: var(--space-1); font-size: 12px; color: var(--fg-3); }
[data-theme] .ctpl__cta { display: inline-flex; align-items: center; gap: var(--space-1); padding: 6px 12px; min-height: 32px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); color: var(--fg-2); font-size: 12px; font-weight: var(--weight-medium); text-decoration: none; cursor: pointer; }
[data-theme] .ctpl__cta:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .ctpl__cta--use { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); forced-color-adjust: none; }
[data-theme] .ctpl__cta--use:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); color: var(--accent-fg); }
[data-theme] .ctpl__empty { font-size: 14px; color: var(--fg-4); padding-bottom: var(--space-6); }
[data-theme] .ctpl__clear { color: var(--accent-text); text-decoration: underline; text-decoration-color: var(--line); }
@media (max-width: 640px) {
  [data-theme] .ctpl__head { padding-top: var(--space-4); flex-direction: column; }
  [data-theme] .ctpl__toolbar { gap: var(--space-2); }
  [data-theme] .ctpl__search { flex: 1 1 100%; }
  [data-theme] .ctpl__grid { grid-template-columns: 1fr; }
}
[data-theme] .computer-app-status {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  flex: 0 0 auto; vertical-align: middle;
}
[data-theme] .computer-app-status--idle { display: none; }
[data-theme] .computer-app-status--working {
  background: var(--accent);
  animation: computer-status-pulse 1.6s ease-in-out infinite;
}
[data-theme] .computer-app-status--finished { background: var(--accent-text); }
[data-theme] .computer-app-status--failed { background: var(--danger-fg); }
@keyframes computer-status-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .45; transform: scale(.8); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-app-status--working { animation: none; }
}
[data-theme] .computer-page--integrations { overflow-y: auto; }
[data-theme] .cint__head,
[data-theme] .cint__tiles,
[data-theme] .cint__search,
[data-theme] .cint__section,
[data-theme] .cint__success,
[data-theme] .cint__note,
[data-theme] .cint__empty { max-width: 1100px; margin: 0 auto; padding: 0 var(--space-5); }
[data-theme] .cint__head { padding-top: var(--space-7); margin-bottom: var(--space-4); display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
[data-theme] .cint__title { display: flex; align-items: center; gap: var(--space-2); margin: 0; font-size: 24px; font-weight: var(--weight-bold); color: var(--fg); }
[data-theme] .cint__title svg { color: var(--accent-text); }
[data-theme] .cint__lede { margin: var(--space-2) 0 0; font-size: 14px; color: var(--fg-3); max-width: 62ch; }
[data-theme] .cint__browse { flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); color: var(--fg-2); font-size: 13px; font-weight: var(--weight-medium); text-decoration: none; }
[data-theme] .cint__browse:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .cint__success { margin-bottom: var(--space-4); display: flex; align-items: center; gap: var(--space-2); border: 1px solid var(--success-fg, var(--accent-text)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--success-fg, var(--accent)) 10%, var(--bg-2)); color: var(--fg); font-size: 13px; padding: var(--space-2) var(--space-3); max-width: 1060px; }
[data-theme] .cint__success svg { color: var(--success-fg, var(--accent-text)); flex: 0 0 auto; }
[data-theme] .cint__note { margin-bottom: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); color: var(--fg-3); font-size: 13px; padding: var(--space-2) var(--space-3); max-width: 1060px; }
[data-theme] .cint__tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-3); margin-bottom: var(--space-5); }
[data-theme] .cint__tile { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-3) var(--space-4); display: grid; gap: 2px; }
[data-theme] .cint__tile-num { font-size: 22px; font-weight: var(--weight-bold); color: var(--fg); font-variant-numeric: tabular-nums; }
[data-theme] .cint__tile-label { font-size: 12px; color: var(--fg-3); }
[data-theme] .cint__search { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-5); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); padding: 0 var(--space-3); color: var(--fg-4); max-width: 380px; }
[data-theme] .cint__search input { flex: 1 1 auto; min-width: 0; min-height: 0; border: 0; background-color: transparent !important; border-color: transparent !important; color: var(--fg); font-size: 16px; padding: 8px 0; outline: none; }
[data-theme] .cint__search input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .cint__search input::placeholder { color: var(--fg-4); }
[data-theme] .cint__heading { margin: 0 0 var(--space-3); font-size: 12px; font-weight: var(--weight-semibold); text-transform: uppercase; letter-spacing: .07em; color: var(--fg-3); }
[data-theme] .cint__section { margin-bottom: var(--space-6); }
[data-theme] .cint__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-3); }
[data-theme] .cint__card { display: flex; flex-direction: column; gap: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-2); padding: var(--space-3) var(--space-4); }
[data-theme] .cint__card-top { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
[data-theme] .cint__logo { flex: 0 0 auto; width: 34px; height: 34px; border-radius: var(--radius-md); border: 1px solid var(--line); background: var(--bg); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
[data-theme] .cint__logo img { width: 22px; height: 22px; -o-object-fit: contain; object-fit: contain; }
[data-theme] .cint__logo-letter { font-size: 15px; font-weight: var(--weight-bold); color: var(--accent-text); }
[data-theme] .cint__id { min-width: 0; flex: 1 1 auto; display: grid; gap: 1px; }
[data-theme] .cint__name { font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .cint__cat { font-size: 12px; color: var(--fg-3); }
[data-theme] .cint__status { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: var(--weight-medium); padding: 2px 8px; border-radius: var(--radius-pill); border: 1px solid var(--line); color: var(--fg-3); }
[data-theme] .cint__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--fg-4); }
[data-theme] .cint__status--connected { border-color: color-mix(in srgb, var(--success-fg, var(--accent)) 50%, var(--line)); color: var(--success-fg, var(--accent-text)); }
[data-theme] .cint__status--connected .cint__dot { background: var(--success-fg, var(--accent)); }
[data-theme] .cint__status--pending { border-color: color-mix(in srgb, var(--warning-fg) 50%, var(--line)); color: var(--warning-fg); }
[data-theme] .cint__status--pending .cint__dot { background: var(--warning-fg); }
[data-theme] .cint__status--expired,
[data-theme] .cint__status--error { border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line)); color: var(--danger-fg); }
[data-theme] .cint__status--expired .cint__dot,
[data-theme] .cint__status--error .cint__dot { background: var(--danger-fg); }
[data-theme] .cint__card-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-height: 32px; }
[data-theme] .cint__meta { font-size: 12px; color: var(--fg-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
[data-theme] .cint__apps { display: inline-flex; gap: var(--space-1); flex-wrap: wrap; justify-content: flex-end; }
[data-theme] .cint__app-badge { font-size: 11px; padding: 1px 7px; border-radius: var(--radius-pill); border: 1px solid var(--line); color: var(--fg-2); background: var(--bg); white-space: nowrap; }
[data-theme] .cint__connect { display: inline-flex; align-items: center; gap: var(--space-1); padding: 6px 12px; min-height: 32px; border: 1px solid var(--accent); border-radius: var(--radius-md); background: var(--accent); color: var(--accent-fg); font-size: 12px; font-weight: var(--weight-medium); cursor: pointer; forced-color-adjust: none; }
[data-theme] .cint__connect:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); color: var(--accent-fg); }
[data-theme] .cint__disconnect { display: inline-flex; align-items: center; padding: 6px 12px; min-height: 32px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); color: var(--fg-3); font-size: 12px; cursor: pointer; }
[data-theme] .cint__disconnect:hover { color: var(--danger-fg); border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line)); }
[data-theme] .cint__needs-setup { font-size: 12px; color: var(--fg-4); }
[data-theme] .cint__empty { font-size: 14px; color: var(--fg-4); padding-bottom: var(--space-6); }
[data-theme] .cint__clear { color: var(--accent-text); text-decoration: underline; text-decoration-color: var(--line); }
@media (max-width: 640px) {
  [data-theme] .cint__head { padding-top: var(--space-4); flex-direction: column; }
  [data-theme] .cint__tiles { grid-template-columns: repeat(2, 1fr); }
  [data-theme] .cint__search { max-width: none; }
  [data-theme] .cint__grid { grid-template-columns: 1fr; }
}
[data-theme] .computer-handoff {
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2); padding: var(--space-3); display: flex; flex-direction: column; gap: var(--space-2);
}
[data-theme] .computer-handoff--done { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
[data-theme] .computer-tool__buildstrip .computer-handoff {
  border: none; background: transparent; padding: 0; border-radius: 0;
}
[data-theme] .computer-tool__buildstrip .computer-handoff--done { border-color: transparent; }
[data-theme] .computer-handoff__top { display: flex; align-items: center; gap: 9px; }
[data-theme] .computer-handoff__appicon {
  position: relative; flex: 0 0 auto; width: 24px; height: 24px; border-radius: var(--radius-sm); overflow: hidden;
  background: var(--bg-3); display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .computer-handoff__letter { font: 700 11px "Geist", sans-serif; color: var(--fg-2); }
[data-theme] .computer-handoff__appicon img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
[data-theme] .computer-handoff__eyebrow {
  flex: 1; min-width: 0; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .08em;
  font-weight: var(--weight-semibold); text-transform: uppercase; color: var(--fg-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-handoff__eyebrow-sub { font-weight: 400; color: var(--fg-3); }
[data-theme] .computer-handoff__pill {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px;
  font-family: var(--font-mono); font-size: 10px; font-weight: var(--weight-semibold);
  letter-spacing: .08em; text-transform: uppercase;
  padding: 3px 8px; border-radius: var(--radius-sm); border: 1px solid transparent;
}
[data-theme] .computer-handoff__pill--building {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
[data-theme] .computer-handoff__pill--done {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}
[data-theme] .computer-handoff__pill--failed {
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line));
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
}
[data-theme] .computer-handoff__pill--idle {
  color: var(--fg-3); border-color: var(--line); background: transparent;
}
[data-theme] .computer-handoff__pulse {
  width: 6px; height: 6px; border-radius: 50%; background: currentColor;
  animation: computer-handoff-pulse var(--t-pulse) ease-in-out infinite;
}
@keyframes computer-handoff-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
[data-theme] .computer-handoff__task { margin: 0; font-size: 13.5px; color: var(--fg); line-height: 1.45; }
[data-theme] .computer-handoff__progress { display: flex; align-items: center; gap: 10px; }
[data-theme] .computer-handoff__bar {
  flex: 1; height: 5px; border-radius: var(--radius-pill); background: var(--bg-3); overflow: hidden; position: relative;
}
[data-theme] .computer-handoff__bar-fill {
  position: absolute; top: 0; bottom: 0; left: 0; width: 40%; border-radius: var(--radius-pill);
  background: var(--accent-text); animation: computer-handoff-bar 1.3s ease-in-out infinite;
  box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);
}
@keyframes computer-handoff-bar { 0% { left: -40%; } 100% { left: 100%; } }
[data-theme] .computer-handoff__stage { font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); flex: 0 0 auto; }
[data-theme] .computer-handoff__stage--failed { color: var(--danger-fg); }
[data-theme] .computer-handoff__stage--link { color: var(--accent-text); }
[data-theme] .computer-handoff__filmstrip {
  display: flex; gap: var(--space-1); overflow-x: auto; padding-bottom: 2px;
}
[data-theme] .computer-handoff__frame {
  flex: 0 0 auto; width: 80px; height: 52px; border-radius: var(--radius-sm);
  overflow: hidden; border: 1px solid var(--line); background: var(--bg-1);
  display: flex; align-items: center; justify-content: center;
}
[data-theme] .computer-handoff__frame img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }
[data-theme] .computer-handoff__frame--more {
  font-family: var(--font-mono); font-size: 11px; font-weight: var(--weight-medium); color: var(--fg-3);
}
[data-theme] .computer-handoff__stylechip {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 5px;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--fg-2); background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--radius-sm); padding: 3px 8px;
}
[data-theme] .computer-handoff__frame { position: relative; }
[data-theme] .computer-handoff__frame--empty { background: var(--bg-3); color: var(--fg-4); }
[data-theme] .computer-handoff__frame--clip { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
[data-theme] .computer-handoff__frame-badge {
  position: absolute; bottom: 3px; right: 3px; width: 15px; height: 15px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent); color: var(--accent-fg); forced-color-adjust: none;
  box-shadow: 0 0 0 1.5px var(--bg-2);
}
[data-theme] .computer-handoff__reel {
  display: flex; align-items: center; gap: 7px; padding: 7px 10px;
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  background: var(--bg-1); font-size: 12px; color: var(--fg-2);
}
[data-theme] .computer-handoff__reel--ready {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
}
[data-theme] .computer-handoff__reel--failed {
  border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line)); color: var(--danger-fg);
}
[data-theme] .computer-handoff__reel-link { color: var(--accent-text); font-weight: var(--weight-medium); }
[data-theme] .computer-handoff__reel-link:hover { text-decoration: underline; }
[data-theme] .computer-handoff__foot {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
  flex-wrap: wrap; padding-top: var(--space-2); border-top: 1px solid var(--line);
}
[data-theme] .computer-handoff__queue { font-size: 11px; color: var(--fg-4); }
[data-theme] .computer-handoff__open {
  display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto;
  font-size: 12px; font-weight: var(--weight-semibold); color: var(--accent-text);
}
[data-theme] .computer-handoff__open:hover { text-decoration: underline; }
[data-theme] .computer-handoff__swatchrow { display: flex; align-items: center; gap: var(--space-1); flex-wrap: wrap; }
[data-theme] .computer-handoff__swatch {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--radius-sm);
  border: 1px solid var(--line); background: var(--bg-3);
}
[data-theme] .computer-handoff__swatch--more {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-1); font-family: var(--font-mono); font-size: 11px;
  font-weight: var(--weight-medium); color: var(--fg-3);
}
[data-theme] .computer-handoff__typetile {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--radius-sm);
  border: 1px solid var(--line); background: var(--bg-1);
  display: inline-flex; align-items: center; justify-content: center;
  font: var(--weight-semibold) 17px "Geist", sans-serif; color: var(--fg-2);
}
[data-theme] .computer-handoff__foot-actions { display: inline-flex; align-items: center; gap: var(--space-2); flex: 0 0 auto; }
[data-theme] .computer-handoff__dismiss-form { display: inline-flex; margin: 0; }
[data-theme] .computer-handoff__dismiss {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11px; font-weight: var(--weight-medium); color: var(--fg-4);
  background: transparent; border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 3px 8px; cursor: pointer;
}
[data-theme] .computer-handoff__dismiss:hover { color: var(--fg-2); border-color: var(--fg-4); }

@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-handoff__pulse { animation: none; }
  [data-theme] .computer-handoff__bar-fill { animation: none; width: 60%; left: 0; }
}
[data-theme] .computer-tool__row { cursor: pointer; }
[data-theme] .computer-tool__view {
  display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto;
  margin-left: var(--space-1); padding: 2px 7px; border-radius: var(--radius-pill);
  font-size: 10.5px; font-weight: var(--weight-medium); color: var(--fg-3);
  background: var(--hover-bg); opacity: 0; transition: opacity .12s;
}
[data-theme] .computer-tool__row:hover .computer-tool__view,
[data-theme] .computer-tool__row:focus-visible .computer-tool__view,
[data-theme] .computer-tool.is-selected .computer-tool__view { opacity: 1; }
@media (hover: none) { [data-theme] .computer-tool__view { opacity: 1; } }
[data-theme] .computer-tool.is-selected {
  border-color: var(--accent-text);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);
}

[data-theme] .computer-agentpc {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 60;
  width: min(480px, 94vw); display: flex; flex-direction: column;
  background: var(--bg-1); border-left: 1px solid var(--line);
  box-shadow: var(--shadow-md);
  transform: translateX(101%); transition: transform .2s ease;
  visibility: hidden;
}
[data-theme] .computer-page--chat.agentpc-open .computer-agentpc {
  transform: none; visibility: visible;
}
@media (prefers-reduced-motion: reduce) { [data-theme] .computer-agentpc { transition: none; } }
[data-theme] .computer-agentpc__head {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--line);
}
[data-theme] .computer-agentpc__titles { flex: 1; min-width: 0; }
[data-theme] .computer-agentpc__title {
  display: flex; align-items: center; gap: 7px;
  font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg);
}
[data-theme] .computer-agentpc__activity {
  display: block; margin-top: 2px; font-family: var(--font-mono);
  font-size: 10.5px; color: var(--fg-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
[data-theme] .computer-agentpc__close {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: var(--radius-sm);
  border: 0; background: transparent; color: var(--fg-3); cursor: pointer;
}
[data-theme] .computer-agentpc__close:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-agentpc__body { flex: 1; min-height: 0; overflow-y: auto; padding: var(--space-4); }
[data-theme] .computer-agentpc__empty { color: var(--fg-3); font-size: 13px; text-align: center; padding: var(--space-8) var(--space-2); }
[data-theme] .computer-agentpc-step__head {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
  margin-bottom: var(--space-3);
}
[data-theme] .computer-agentpc-step__icon { color: var(--fg-3); display: inline-flex; }
[data-theme] .computer-agentpc-step__title { font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .computer-agentpc-step__meta {
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .04em;
  text-transform: uppercase; color: var(--fg-4); width: 100%;
}
[data-theme] .computer-agentpc-step__note { font-size: 12.5px; color: var(--fg-3); margin: 0; line-height: 1.5; display: flex; align-items: center; gap: 6px; }
[data-theme] .computer-agentpc-step__body > * + * { margin-top: var(--space-3); }
[data-theme] .computer-agentpc-term {
  border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; background: var(--bg);
}
[data-theme] .computer-agentpc-term__cmd {
  font-family: var(--font-mono); font-size: 12px; color: var(--fg-2);
  padding: 9px 12px; border-bottom: 1px solid var(--line); word-break: break-all;
}
[data-theme] .computer-agentpc-term__prompt { color: var(--accent-text); margin-right: 5px; }
[data-theme] .computer-agentpc-term__out {
  margin: 0; padding: 11px 12px; max-height: 360px; overflow: auto;
  font-family: var(--font-mono); font-size: 11.5px; line-height: 1.5;
  color: var(--fg-2); white-space: pre-wrap; word-break: break-word;
}
[data-theme] .computer-agentpc-file__path {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono); font-size: 11.5px; color: var(--fg-2);
  padding: 5px 9px; border-radius: var(--radius-sm); background: var(--bg-2); border: 1px solid var(--line);
  word-break: break-all;
}
[data-theme] .computer-agentpc-file__diff,
[data-theme] .computer-agentpc-file__content {
  margin: var(--space-2) 0 0; padding: 11px 12px; max-height: 420px; overflow: auto;
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg);
  font-family: var(--font-mono); font-size: 11.5px; line-height: 1.55;
  color: var(--fg-2); white-space: pre-wrap; word-break: break-word;
}
[data-theme] .computer-agentpc-browser__url {
  display: flex; align-items: center; gap: 6px;
  font-family: var(--font-mono); font-size: 11.5px; color: var(--accent-text); word-break: break-all;
  margin-bottom: var(--space-2);
}
[data-theme] .computer-agentpc-browser__shotlink { display: block; }
[data-theme] .computer-agentpc-browser__shot {
  display: block; width: 100%; max-height: 360px; -o-object-fit: contain; object-fit: contain;
  background: var(--bg-1);
  border: 1px solid var(--line); border-radius: var(--radius-md);
  transition: border-color var(--t-base) ease;
}
[data-theme] .computer-agentpc-browser__shotlink:hover .computer-agentpc-browser__shot { border-color: var(--line-2); }
[data-theme] .computer-agentpc-media { margin: 0; }
[data-theme] .computer-agentpc-media__img,
[data-theme] .computer-agentpc-media__video {
  display: block; width: 100%; max-height: 420px; -o-object-fit: contain; object-fit: contain;
  background: var(--bg-1);
  border: 1px solid var(--line); border-radius: var(--radius-md);
}
[data-theme] .computer-agentpc-kv + .computer-agentpc-kv { margin-top: var(--space-3); }
[data-theme] .computer-agentpc-kv__label {
  display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--fg-4); margin-bottom: 5px;
}
[data-theme] .computer-agentpc-kv__list {
  margin: 0; border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg); overflow: hidden;
}
[data-theme] .computer-agentpc-kv__list dt {
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-3);
  padding: 7px 11px 0; text-transform: uppercase; letter-spacing: .04em;
}
[data-theme] .computer-agentpc-kv__list dd {
  margin: 0; padding: 2px 11px 8px; font-size: 12.5px; color: var(--fg-2);
  word-break: break-word;
}
[data-theme] .computer-agentpc__scrub {
  flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-3) var(--space-4); border-top: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .computer-agentpc__scrub-btn {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: var(--radius-sm);
  border: 1px solid var(--line); background: var(--bg-2); color: var(--fg-2); cursor: pointer;
}
[data-theme] .computer-agentpc__scrub-btn:hover:not(:disabled) { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-agentpc__scrub-btn:disabled { opacity: .4; cursor: default; }
[data-theme] .computer-agentpc__scrub-slider {
  flex: 1; min-width: 0; height: 4px; cursor: pointer; accent-color: var(--accent);
}
[data-theme] .computer-agentpc__scrub-slider:disabled { opacity: .4; cursor: default; }
[data-theme] .computer-agentpc__scrub-count {
  flex: 0 0 auto; min-width: 48px; text-align: center;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .03em; color: var(--fg-3);
}
[data-theme] .computer-agentpc__scrub-live {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  padding: 5px 9px; border-radius: var(--radius-sm);
  border: 1px solid var(--accent-text); background: transparent;
  color: var(--accent-text); font-size: 11px; font-weight: var(--weight-semibold); cursor: pointer;
}
[data-theme] .computer-agentpc__scrub-live:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); }

@media (max-width: 640px) {
  [data-theme] .computer-agentpc { width: 100%; border-left: 0; }
  [data-theme] .computer-agentpc__scrub { padding: var(--space-3); gap: var(--space-3); }
  [data-theme] .computer-agentpc__scrub-btn { width: 40px; height: 40px; }
  [data-theme] .computer-agentpc__scrub-slider { height: 22px; }
}
[data-theme] .computer-plan__head { cursor: pointer; }
[data-theme] .computer-plan__count {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px;
  color: var(--fg-4); letter-spacing: .04em;
}
[data-theme] .computer-plan__chevron { flex: 0 0 auto; color: var(--fg-4); display: inline-flex; transition: transform .14s ease; }
[data-theme] .computer-plan--collapsed .computer-plan__chevron { transform: rotate(-90deg); }
[data-theme] .computer-plan--collapsed .computer-plan__steps { display: none; }
[data-theme] .computer-plan--collapsed { padding-bottom: var(--space-2); }
[data-theme] .computer-plan--collapsed .computer-plan__head { border-bottom: none; }
[data-theme] .computer-storyboard__head { cursor: pointer; }
[data-theme] .computer-storyboard__chevron { flex: 0 0 auto; color: var(--fg-4); display: inline-flex; transition: transform .14s ease; }
[data-theme] .computer-storyboard--collapsed .computer-storyboard__chevron { transform: rotate(-90deg); }
[data-theme] .computer-storyboard--collapsed .computer-storyboard__cast,
[data-theme] .computer-storyboard--collapsed .computer-storyboard__grid { display: none; }
[data-theme] .composer-input-wrap--tall .composer-input { min-height: 56px; }
[data-theme] .composer-toolbar {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) 14px var(--space-3);
}
[data-theme] .composer-toolbar__spacer { flex: 1 1 auto; }
[data-theme] .composer-toolbar__attach {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: var(--radius-pill);
  border: 1px solid var(--line); background: var(--bg-2); color: var(--fg-3);
  cursor: pointer;
}
[data-theme] .composer-toolbar__attach:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .composer-submit--toolbar {
  position: static; width: 32px; height: 32px;
  flex: 0 0 auto;
}
[data-theme] .composer-submit--toolbar svg { width: 14px; height: 14px; }
[data-theme] .composer-attach__chips { display: flex; flex-wrap: wrap; gap: var(--space-1); }
[data-theme] .composer-attach__chips:empty { display: none; }
[data-theme] .composer-attach__chip {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--fg-2); padding: 2px 4px 2px 8px;
  border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--bg-2);
  max-width: 240px;
}
[data-theme] .composer-attach__chip [data-label] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .composer-attach__chip--uploading { opacity: .6; }
[data-theme] .composer-attach__chip--error { border-color: var(--danger-fg); color: var(--danger-fg); }
[data-theme] .composer-attach__remove {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border: 0; background: transparent;
  color: var(--fg-3); font-size: 14px; cursor: pointer; border-radius: 50%;
}
[data-theme] .composer-attach__remove:hover { color: var(--fg); background: var(--hover-bg); }
[data-theme] .composer-scope-picker { position: relative; }
[data-theme] .composer-scope-picker summary { list-style: none; cursor: pointer; }
[data-theme] .composer-scope-picker summary::-webkit-details-marker { display: none; }
[data-theme] .composer-scope__chip--interactive { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; }
[data-theme] .composer-scope-picker[open] .composer-scope__chip--interactive svg:last-child { transform: rotate(180deg); }
[data-theme] .composer-scope-picker__panel {
  position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 30;
  min-width: 260px; max-width: 320px; max-height: 50vh; overflow-y: auto;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-2); box-shadow: var(--shadow-sm);
  padding: var(--space-2);
}
[data-theme] .composer-scope-picker__note { margin: 0 0 var(--space-2); font-size: 11px; color: var(--fg-4); }
[data-theme] .composer-scope-picker__heading {
  margin: var(--space-2) 0 4px; font-family: var(--font-mono); font-size: 9.5px;
  font-weight: var(--weight-semibold); text-transform: uppercase;
  letter-spacing: .08em; color: var(--fg-4);
}
[data-theme] .composer-scope-picker__row,
[data-theme] .composer-scope-picker__panel form { width: 100%; }
[data-theme] .composer-scope-picker__row {
  display: flex; align-items: center; gap: var(--space-2);
  min-height: 36px; padding: 4px var(--space-2); border: 0; border-radius: var(--radius-md);
  background: transparent; color: var(--fg-2); font-size: 13px; text-align: left;
  cursor: pointer; text-decoration: none;
}
[data-theme] .composer-scope-picker__row:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .composer-scope-picker__row.is-current {
  border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line));
  background: color-mix(in srgb, var(--accent) 5%, var(--bg-1, var(--bg)));
  color: var(--fg);
}
[data-theme] .composer-scope-picker__row--info { cursor: default; color: var(--fg-3); }
[data-theme] .composer-scope-picker__row--info:hover { background: transparent; color: var(--fg-3); }
[data-theme] .composer-scope-picker__disambig {
  margin-left: auto; flex: 0 0 auto;
  font-family: var(--font-mono); font-size: 10px; color: var(--fg-4);
}
[data-theme] .composer-approval__row { align-items: flex-start; }
[data-theme] .composer-approval__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-theme] .composer-approval__label { font-size: 13px; font-weight: var(--weight-medium); }
[data-theme] .composer-approval__hint { font-size: 11px; line-height: 1.35; color: var(--fg-4); white-space: normal; }
[data-theme] .composer-approval__row--danger .composer-approval__label { color: var(--danger, #e5484d); }
[data-theme] .composer-approval__row.is-current .composer-approval__hint { color: var(--fg-3); }
[data-theme] .computer-flash { display: flex; align-items: center; gap: var(--space-2); cursor: pointer; }
[data-theme] .computer-flash__msg { flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-flash__close {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border: 0; background: transparent;
  color: inherit; font-size: 18px; cursor: pointer; border-radius: var(--radius-sm);
}
[data-theme] .computer-flash__close:hover { background: var(--hover-bg); }
[data-theme] .computer-flash.is-leaving { opacity: 0; transition: opacity .2s ease; }
[data-theme] .computer-main > .os-rail-mobilebar { display: none; }
@media (max-width: 860px) {
  [data-theme] .computer-main > .os-rail-mobilebar { display: flex; }
  [data-theme] .computer-main:has(.computer-topbar) > .os-rail-mobilebar { display: none; }
}
[data-theme] .computer-msg__attachments { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-top: var(--space-1); justify-content: flex-end; max-width: 80%; }
[data-theme] .computer-msg__attachment { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; background: var(--bg-2); }
[data-theme] .computer-msg__attachment img { display: block; max-width: 160px; max-height: 120px; }
[data-theme] .computer-msg__attachment--file { padding: 4px 10px; font-size: 12px; color: var(--fg-3); }
[data-theme] .composer-mode-tools { display: contents; }
[data-theme] .computer-agentpc__loading { font-size: 12px; color: var(--fg-4); padding: var(--space-4); text-align: center; }
[data-theme] .computer-chat__earlier { text-align: center; font-size: 12px; color: var(--fg-4); padding: var(--space-3) 0; }
[data-theme] .computer-dots { display: inline-flex; gap: 4px; align-items: center; }
[data-theme] .computer-dots i {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent); opacity: 0.55;
  animation: computer-dot-pulse 1.1s ease-in-out infinite;
}
[data-theme] .computer-dots i:nth-child(2) { animation-delay: 0.18s; }
[data-theme] .computer-dots i:nth-child(3) { animation-delay: 0.36s; }
@keyframes computer-dot-pulse {
  0%, 100% { opacity: 0.25; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1); }
}
[data-theme] .computer-star {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 2px; border: 0; background: transparent; color: var(--bg-3);
  cursor: default; transition: transform 0.12s ease, color 0.12s ease;
}
[data-theme] .computer-star--btn { cursor: pointer; }
[data-theme] .computer-star--btn:hover { color: var(--warning-fg); transform: scale(1.15); }
[data-theme] .computer-star--on { color: var(--warning-fg); }
[data-theme] .computer-star svg { fill: currentColor; }
[data-theme] .computer-complete__rate form { display: inline-flex; margin: 0; }
[data-theme] .cint__head-actions { display: flex; gap: var(--space-2); align-items: center; flex-shrink: 0; }
[data-theme] .ccon { display: flex; flex-direction: column; min-height: 320px; }
[data-theme] .ccon__bar { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-bottom: var(--space-3); }
[data-theme] .ccon__search {
  flex: 1; min-width: 200px; display: flex; align-items: center; gap: var(--space-2);
  padding: 0 var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2); color: var(--fg-4);
  transition: border-color var(--t-base);
}
[data-theme] .ccon__search:focus-within { border-color: var(--line-2); box-shadow: var(--focus-ring); }
[data-theme] .ccon__search input {
  flex: 1; border: 0; background: transparent; color: var(--fg);
  font-size: 16px; padding: 8px 0; outline: none; min-width: 0;
}
[data-theme] .ccon__search input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .ccon__search input::placeholder { color: var(--fg-4); }
[data-theme] .ccon__create { position: relative; }
[data-theme] .ccon__create-btn { list-style: none; }
[data-theme] .ccon__create-btn::-webkit-details-marker { display: none; }
[data-theme] .ccon__create-menu {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 220px;
  display: flex; flex-direction: column; gap: 1px; padding: var(--space-1);
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1); box-shadow: var(--shadow-md);
}
[data-theme] .ccon__create-menu button {
  display: flex; align-items: center; gap: var(--space-2); width: 100%;
  min-height: 36px; padding: var(--space-1) var(--space-2); border: 0; border-radius: var(--radius-sm);
  background: transparent; color: var(--fg-2); font-size: 13px;
  cursor: pointer; text-align: left;
}
[data-theme] .ccon__create-menu button:hover,
[data-theme] .ccon__create-menu button:focus-visible { background: color-mix(in srgb, var(--fg) 6%, transparent); color: var(--fg); outline: none; }
[data-theme] .ccon__create-menu button svg { color: var(--fg-3); }
[data-theme] .ccon__tabs {
  display: inline-flex; gap: 2px; margin-bottom: var(--space-4);
  padding: 3px; border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2); align-self: flex-start;
}
[data-theme] .ccon__tab {
  padding: 6px var(--space-3); border: 0; border-radius: var(--radius-sm);
  background: transparent; cursor: pointer;
  color: var(--fg-3); font-size: 13px; font-weight: var(--weight-medium);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .ccon__tab:hover { color: var(--fg); }
[data-theme] .ccon__tab:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .ccon__tab.is-active {
  color: var(--fg); font-weight: var(--weight-semibold);
  background: var(--bg); box-shadow: var(--shadow-sm);
}
[data-theme] .ccon__panel { display: none; flex-direction: column; gap: var(--space-2); }
[data-theme] .ccon__panel.is-active { display: flex; }
[data-theme] .ccon__row {
  display: flex; align-items: center; gap: var(--space-3);
  min-height: 52px; padding: var(--space-2) var(--space-3);
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2);
  transition: border-color var(--t-base);
}
[data-theme] .ccon__row:hover { border-color: var(--line-2); }
[data-theme] .ccon__rowform { display: inline-flex; margin: 0; flex: 0 0 auto; }
[data-theme] .ccon__logo {
  width: 32px; height: 32px; flex-shrink: 0; display: inline-flex;
  align-items: center; justify-content: center; border-radius: var(--radius-sm);
  border: 1px solid var(--line); background: var(--bg); overflow: hidden;
}
[data-theme] .ccon__logo img { width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; }
[data-theme] .ccon__logo-letter { font-size: 13px; font-weight: var(--weight-bold); color: var(--accent-text); }
[data-theme] .ccon__row-name {
  flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px;
  color: var(--fg); font-size: 13px; font-weight: var(--weight-medium);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .ccon__row-host { color: var(--fg-3); font-size: 12px; font-weight: var(--weight-regular, 400); font-family: var(--font-mono); }
[data-theme] .ccon__key-chip {
  display: inline-flex; align-items: center; gap: 4px; padding: 2px var(--space-2);
  border: 1px solid color-mix(in srgb, var(--success-fg) 50%, var(--line));
  border-radius: var(--radius-pill); color: var(--success-fg); font-size: 11px;
  font-family: var(--font-mono); letter-spacing: 0.04em; white-space: nowrap;
}
[data-theme] .ccon__muted { color: var(--fg-4); font-size: 12px; }
[data-theme] .ccon__nomatch { color: var(--fg-3); font-size: 13px; padding: var(--space-4) 0; text-align: center; }
[data-theme] .ccon__browse-all { margin-top: var(--space-2); color: var(--accent-text); font-size: 13px; text-decoration: none; }
[data-theme] .ccon__browse-all:hover { text-decoration: underline; text-underline-offset: 3px; }
[data-theme] .ccon__blank {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-2);
  padding: var(--space-7) var(--space-4); text-align: center;
}
[data-theme] .ccon__blank-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: var(--radius-lg);
  border: 1px solid var(--line); background: var(--bg-2); color: var(--fg-3);
  margin-bottom: var(--space-1);
}
[data-theme] .ccon__blank-title { margin: 0; font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .ccon__blank-sub { margin: 0 0 var(--space-2); font-size: 13px; color: var(--fg-3); max-width: 40ch; line-height: 1.5; }

[data-theme] .ccon__back {
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  margin-bottom: var(--space-3); padding: 4px var(--space-2); border: 0; background: transparent;
  color: var(--fg-3); font-size: 13px; cursor: pointer; border-radius: var(--radius-sm);
}
[data-theme] .ccon__back:hover { color: var(--fg); background: color-mix(in srgb, var(--fg) 5%, transparent); }
[data-theme] .ccon__back:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .ccon__form-title {
  margin: 0 0 var(--space-1); font-family: var(--font-body);
  font-size: 18px; font-weight: var(--weight-bold); color: var(--fg);
}
[data-theme] .ccon__form-help { margin: 0 0 var(--space-4); color: var(--fg-3); font-size: 13px; line-height: 1.5; max-width: 56ch; }
[data-theme] .ccon__field { display: flex; flex-direction: column; gap: 4px; margin-bottom: var(--space-3); }
[data-theme] .ccon__field span { color: var(--fg-2); font-size: 12px; font-weight: var(--weight-semibold); }
[data-theme] .ccon__field span em { color: var(--fg-4); font-weight: var(--weight-regular, 400); font-style: normal; }
[data-theme] .ccon__field input,
[data-theme] .ccon__json {
  padding: var(--space-2) var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2); color: var(--fg);
  font-size: 16px; outline: none; width: 100%;
  transition: border-color var(--t-base);
}
[data-theme] .ccon__field input:focus,
[data-theme] .ccon__json:focus { border-color: var(--line-2); box-shadow: var(--focus-ring); }
[data-theme] .ccon__field input::-moz-placeholder, [data-theme] .ccon__json::-moz-placeholder { color: var(--fg-4); }
[data-theme] .ccon__field input::placeholder,
[data-theme] .ccon__json::placeholder { color: var(--fg-4); }
[data-theme] .ccon__json { font-family: var(--font-mono); resize: vertical; margin-bottom: var(--space-3); }
[data-theme] .ccon__info {
  display: flex; gap: var(--space-2); align-items: flex-start;
  padding: var(--space-2) var(--space-3); margin-bottom: var(--space-4);
  border: 1px solid var(--info-fg);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--info-fg) 10%, var(--bg-2));
  color: var(--fg-2); font-size: 13px; line-height: 1.45;
}
[data-theme] .ccon__info svg { flex-shrink: 0; margin-top: 2px; color: var(--info-fg); }
[data-theme] .computer-page-title {
  display: flex; align-items: center; gap: var(--space-2); margin: 0;
  font-family: var(--font-display); font-size: 22px;
  font-weight: var(--weight-bold); color: var(--fg);
}
[data-theme] .computer-page-title svg { color: var(--accent-text); flex: 0 0 auto; }
[data-theme] .computer-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
}
[data-theme] .computer-page-head__main { min-width: 0; flex: 1 1 auto; }
[data-theme] .computer-page-head__aside {
  display: flex; align-items: center; gap: var(--space-2);
  flex: 0 0 auto; margin-left: auto; flex-wrap: wrap; justify-content: flex-end;
}
[data-theme] .computer-header-actions {
  display: flex; align-items: center; gap: var(--space-2);
  flex-wrap: wrap; justify-content: flex-end;
}
@media (max-width: 860px) {
  [data-theme] .computer-page-head { flex-direction: column; }
  [data-theme] .computer-page-head__aside { margin-left: 0; justify-content: flex-start; }
}
@media (min-width: 1101px) {
  [data-theme] .computer-page--chat > .computer-context {
    overflow: hidden; min-width: 0;
    transition: visibility 0s;
  }
  [data-theme] .computer-page--chat.ctx-closed > .computer-context {
    visibility: hidden;
    transition: visibility 0s var(--t-base);
  }
}
[data-theme] .computer-ctx-backdrop { display: none; }
[data-theme] .computer-context__toggle-x { display: none; }
@media (max-width: 1100px) {
  [data-theme] .computer-context__toggle-glyph { display: none; }
  [data-theme] .computer-context__toggle-x { display: inline-flex; }
}
[data-theme] .computer-gallery-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-2);
}
[data-theme] .computer-gallery-view {
  display: inline-flex; align-items: center; gap: 2px; padding: 2px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .computer-gallery-view__btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 22px; padding: 0; border: 0; background: transparent;
  border-radius: var(--radius-sm); color: var(--fg-4); cursor: pointer;
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .computer-gallery-view__btn:hover { color: var(--fg-2); }
[data-theme] .computer-gallery-view__btn[aria-pressed="true"] {
  background: var(--bg); color: var(--fg); box-shadow: var(--shadow-sm);
}
[data-theme] .computer-gallery-view__btn:focus-visible {
  outline: none; box-shadow: var(--focus-ring);
}
[data-theme] .computer-gallery {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2-5);
}
[data-theme] .computer-gallery[data-view="list"] {
  display: flex; flex-direction: column; gap: var(--space-1);
}
[data-theme] .computer-gallery[data-view="list"] .computer-art {
  display: grid; grid-template-columns: 32px 1fr;
  grid-template-areas: "hit name" "hit meta";
  align-items: center; -moz-column-gap: var(--space-2); column-gap: var(--space-2); row-gap: 2px;
}
[data-theme] .computer-gallery[data-view="list"] .computer-art__hit {
  grid-area: hit; aspect-ratio: 1 / 1; width: 32px; height: 32px;
  border-radius: var(--radius-sm); align-self: center;
}
[data-theme] .computer-gallery[data-view="list"] .computer-art__badge { display: none; }
[data-theme] .computer-gallery[data-view="list"] .computer-art__name { grid-area: name; align-self: end; }
[data-theme] .computer-gallery[data-view="list"] .computer-art__meta { grid-area: meta; align-self: start; }
[data-theme] .computer-art {
  display: flex; flex-direction: column; gap: var(--space-1);
  min-width: 0;
}
[data-theme] .computer-art__hit {
  position: relative; display: flex; align-items: center; justify-content: center;
  aspect-ratio: 4 / 3; width: 100%; padding: 0;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-md); overflow: hidden;
  cursor: pointer; color: inherit; text-decoration: none;
  transition: border-color var(--t-base), background var(--t-base);
}
[data-theme] .computer-art__hit:hover {
  border-color: var(--line-2); background: var(--bg-3);
}
[data-theme] .computer-art__hit:focus-visible {
  outline: none; box-shadow: var(--focus-ring);
}
[data-theme] .computer-art__thumb {
  position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
}
[data-theme] .computer-art__icon { display: inline-flex; color: var(--fg-3); }
[data-theme] .computer-art__hit--video .computer-art__icon { color: var(--fg-2); }
[data-theme] .computer-art__preview {
  position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
  opacity: 0; pointer-events: none;
  transition: opacity var(--t-base);
}
[data-theme] .computer-art__hit--video.is-previewing .computer-art__preview { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-art__preview { transition: none; }
}
[data-theme] .computer-art__play {
  position: absolute; bottom: var(--space-1-5); right: var(--space-1-5);
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: color-mix(in srgb, var(--fg) 12%, var(--bg));
  border: 1px solid var(--line); color: var(--fg-2);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .computer-art__hit--video:hover .computer-art__play {
  background: color-mix(in srgb, var(--accent) 16%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  color: var(--accent-text);
}
[data-theme] .computer-art__hit--producing {
  cursor: default;
  background: var(--bg-2);
  border-style: dashed;
}
[data-theme] .computer-art__producing-spinner {
  width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-top-color: var(--accent);
  animation: computer-spin var(--t-spin) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-art__producing-spinner { animation: none; border-top-color: var(--accent); }
  [data-theme] .computer-art__skeleton { animation: none; background: var(--bg-2); }
}
[data-theme] .computer-art__badge {
  position: absolute; top: var(--space-1-5); left: var(--space-1-5);
  font-family: var(--font-mono); font-size: 9.5px; font-weight: var(--weight-bold);
  letter-spacing: .08em; line-height: 1;
  padding: 3px 6px; border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--fg) 8%, var(--bg));
  border: 1px solid var(--line); color: var(--fg-3);
}
[data-theme] .computer-art__badge--accent {
  background: color-mix(in srgb, var(--accent) 12%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  color: var(--accent-text);
}

[data-theme] .computer-art__name {
  font-size: 12px; color: var(--fg-2); font-weight: var(--weight-medium);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-art__meta {
  display: flex; align-items: center; gap: var(--space-1-5);
  font-family: var(--font-mono); font-size: 10px; color: var(--fg-4);
  min-height: 18px;
}
[data-theme] .computer-art__when { margin-left: auto; }
[data-theme] .computer-art__skeleton {
  display: inline-block; height: 8px; width: 34px; border-radius: var(--radius-xs);
  background: linear-gradient(90deg, var(--bg-2) 0%, var(--bg-3) 50%, var(--bg-2) 100%);
  background-size: 200% 100%;
  animation: computer-library-shimmer 1.6s ease-in-out infinite;
}
[data-theme] .computer-art__action {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; padding: 0; border: 0; background: transparent;
  border-radius: var(--radius-xs); color: var(--fg-4); cursor: pointer;
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .computer-art__action:hover { color: var(--fg); background: var(--bg-3); }
[data-theme] .computer-art__action-form { display: inline-flex; }
[data-theme] .computer-gallery__more {
  margin-top: var(--space-2); font-family: var(--font-mono); font-size: 10.5px;
  letter-spacing: .05em; text-transform: uppercase; color: var(--fg-3);
  text-decoration: none;
}
[data-theme] .computer-gallery__more:hover { color: var(--fg); text-decoration: underline; }
[data-theme] .computer-ctx-disclosure {
  border-top: 1px solid var(--line); padding-top: var(--space-3);
}
[data-theme] .computer-ctx-disclosure__summary {
  display: flex; align-items: center; gap: var(--space-2);
  list-style: none; cursor: pointer;
  font-family: var(--font-mono); font-size: 10px; font-weight: var(--weight-semibold);
  letter-spacing: .07em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-ctx-disclosure__summary::-webkit-details-marker { display: none; }
[data-theme] .computer-ctx-disclosure__summary:hover { color: var(--fg); }
[data-theme] .computer-ctx-disclosure__chevron {
  display: inline-flex; margin-left: auto; color: var(--fg-4);
  transition: transform var(--t-base);
}
[data-theme] .computer-ctx-disclosure[open] .computer-ctx-disclosure__chevron { transform: rotate(180deg); }
[data-theme] .computer-ctx-disclosure__body { margin-top: var(--space-2-5); }
[data-theme] .computer-lightbox {
  padding: var(--space-3); max-width: min(880px, 92vw);
}
[data-theme] .computer-lightbox__img {
  display: block; max-width: 100%; max-height: 76vh;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-lightbox__video {
  display: block; max-width: 100%; max-height: 76vh;
  border-radius: var(--radius-sm); background: #000;
}
[data-theme] .computer-lightbox__video[hidden],
[data-theme] .computer-lightbox__img[hidden] { display: none; }
[data-theme] .computer-lightbox__caption {
  margin: var(--space-2) 0 0; font-family: var(--font-mono); font-size: 11px;
  color: var(--fg-3); text-align: center;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-lightbox__close {
  position: absolute; top: var(--space-2); right: var(--space-2);
}
[data-theme] .computer-lightbox__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
}
[data-theme] .computer-lightbox__nav--prev { left: var(--space-2); }
[data-theme] .computer-lightbox__nav--next { right: var(--space-2); }
[data-theme] .computer-lightbox__nav:disabled { opacity: 0.35; pointer-events: none; }
[data-theme] .computer-lightbox__counter {
  margin: var(--space-1) 0 0; font-family: var(--font-mono); font-size: 10px;
  letter-spacing: 0.05em; color: var(--fg-4); text-align: center;
}
[data-theme] .computer-storyboard__identity {
  display: inline-flex; align-items: center; gap: 3px; vertical-align: middle;
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.05em; text-transform: uppercase;
  padding: 1px 6px; border-radius: var(--radius-pill);
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border: 1px solid var(--success-fg);
}
[data-theme] .computer-storyboard__identity--stale {
  color: color-mix(in srgb, var(--warning-fg) 40%, var(--fg-2));
  background: color-mix(in srgb, var(--warning-fg) 14%, var(--bg-1));
  border-color: var(--warning-fg);
}
[data-theme] .computer-storyboard__identity--unverified {
  color: var(--fg-2);
  background: var(--bg-2);
  border-color: var(--line-2);
}
[data-theme] .computer-storyboard--collapsed .computer-castpanel__body { display: none; }
[data-theme] .computer-castpanel__body { display: flex; flex-direction: column; gap: var(--space-3); }
[data-theme] .computer-castpanel__list,
[data-theme] .computer-castpanel__saved { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-castpanel__eyebrow {
  margin: 0; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-castpanel__row {
  display: flex; align-items: center; gap: var(--space-3); min-width: 0;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: var(--space-2) var(--space-3);
}
[data-theme] .computer-castpanel__thumb {
  width: 32px; height: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; display: block;
  flex: 0 0 auto; border: 1px solid var(--line);
}
[data-theme] .computer-castpanel__thumb--empty {
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--fg-3); background: var(--bg-3);
}
[data-theme] .computer-castpanel__info {
  display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto;
}
[data-theme] .computer-castpanel__name {
  font-size: 12.5px; font-weight: var(--weight-semibold); color: var(--fg-1);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-castpanel__badges {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1-5); min-width: 0;
}
[data-theme] .computer-castpanel__key {
  font-family: var(--font-mono); font-size: 10px; color: var(--fg-3);
}
[data-theme] .computer-castpanel__desc {
  font-size: 11px; color: var(--fg-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-castpanel__badge {
  display: inline-flex; align-items: center; gap: 3px;
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.05em; text-transform: uppercase;
  padding: 1px 6px; border-radius: var(--radius-pill);
  color: var(--fg-3); background: var(--bg-3); border: 1px solid var(--line);
  text-decoration: none;
}
[data-theme] a.computer-castpanel__badge:hover { color: var(--fg-1); background: var(--bg-1); }
[data-theme] .computer-castpanel__badge--ok {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-castpanel__badge--verified {
  color: #4fc3f7;
  background: rgba(79, 195, 247, 0.12);
  border-color: rgba(79, 195, 247, 0.4);
}
[data-theme] .computer-castpanel__badge--pending {
  color: color-mix(in srgb, var(--warning-fg) 40%, var(--fg-2));
  background: color-mix(in srgb, var(--warning-fg) 12%, var(--bg-1));
  border-color: color-mix(in srgb, var(--warning-fg) 55%, var(--line));
}
[data-theme] .computer-castpanel__badge--revoked {
  color: color-mix(in srgb, var(--danger-fg) 40%, var(--fg-2));
  background: color-mix(in srgb, var(--danger-fg) 12%, var(--bg-1));
  border-color: color-mix(in srgb, var(--danger-fg) 55%, var(--line));
}
[data-theme] .computer-castpanel__actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1-5); flex: 0 0 auto;
  justify-content: flex-end;
}
[data-theme] .computer-castpanel__actions form { display: inline-flex; }
[data-theme] .computer-castpanel__btn {
  display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto;
  height: 22px; padding: 0 9px; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--radius-pill); background: transparent;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--fg-2); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] .computer-castpanel__btn:hover { background: var(--bg-3); color: var(--fg-1); }
[data-theme] .computer-castpanel__btn--primary {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  border-color: var(--success-fg);
}
[data-theme] .computer-castpanel__btn--verify {
  color: #4fc3f7;
  border-color: rgba(79, 195, 247, 0.4);
}
[data-theme] .computer-castpanel__btn--verify:hover {
  background: rgba(79, 195, 247, 0.1);
  color: #7fd4fb;
}
[data-theme] .computer-castpanel__empty {
  margin: 0; font-size: 12px; color: var(--fg-3);
}
[data-theme] .computer-castpanel__new { border-top: 1px solid var(--line); padding-top: var(--space-2); }
[data-theme] .computer-castpanel__new-summary {
  display: inline-flex; align-items: center; gap: 5px; cursor: pointer; list-style: none;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--fg-2);
}
[data-theme] .computer-castpanel__new-summary::-webkit-details-marker { display: none; }
[data-theme] .computer-castpanel__new-summary:hover { color: var(--fg-1); }
[data-theme] .computer-castpanel__form {
  display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-2);
}
[data-theme] .computer-castpanel__input {
  width: 100%; font-size: 12.5px; color: var(--fg-1);
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-1-5) var(--space-2);
}
[data-theme] .computer-castpanel__input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .computer-castpanel__input::placeholder { color: var(--fg-4); }
[data-theme] .computer-castpanel__file {
  display: flex; flex-direction: column; gap: var(--space-1);
  font-size: 11px; color: var(--fg-3);
}
[data-theme] .computer-castpanel__fileinput { font-size: 11px; color: var(--fg-2); }
[data-theme] .computer-castpanel__submit {
  align-self: flex-start; display: inline-flex; align-items: center;
  height: 24px; padding: 0 11px; cursor: pointer;
  border: 1px solid var(--success-fg); border-radius: var(--radius-pill); background: transparent;
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase;
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2)); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] .computer-castpanel__submit:hover {
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
}
@media (max-width: 860px) {
  [data-theme] .computer-castpanel__row { flex-wrap: wrap; }
  [data-theme] .computer-castpanel__actions { width: 100%; justify-content: flex-start; }
}
[data-theme] .computer-castgate {
  display: flex; flex-direction: column; gap: var(--space-3);
  margin-top: var(--space-3);
  padding: var(--space-3-5);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg);
}
[data-theme] .computer-castgate__head {
  display: flex; align-items: center; gap: var(--space-2); min-width: 0;
}
[data-theme] .computer-castgate__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; flex: 0 0 auto; border-radius: var(--radius-md);
  color: var(--fg-2); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-castgate__title {
  margin: 0; font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg-1);
  flex: 1 1 auto; min-width: 0;
}
[data-theme] .computer-castgate__status {
  flex: 0 0 auto;
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.05em; text-transform: uppercase;
  padding: 2px 7px; border-radius: var(--radius-pill);
  color: var(--fg-3); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-castgate__status--waiting {
  color: color-mix(in srgb, var(--warning-fg) 40%, var(--fg-2));
  background: color-mix(in srgb, var(--warning-fg) 12%, var(--bg-1));
  border-color: color-mix(in srgb, var(--warning-fg) 55%, var(--line));
}
[data-theme] .computer-castgate__lede { margin: 0; font-size: 13px; line-height: 1.5; color: var(--fg-2); }
[data-theme] .computer-castgate__roles { margin: 0; font-size: 12.5px; color: var(--fg-3); }
[data-theme] .computer-castgate__note { margin: 0; font-size: 12px; color: var(--fg-3); }
[data-theme] .computer-castgate__eyebrow {
  margin: 0 0 var(--space-2); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-castgate__handoff {
  display: flex; flex-direction: column; gap: var(--space-1-5);
  padding: var(--space-2-5); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1);
}
[data-theme] .computer-castgate__handoff-line {
  display: flex; align-items: flex-start; gap: var(--space-2);
  margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--fg-2);
}
[data-theme] .computer-castgate__handoff-icon { flex: 0 0 auto; margin-top: 2px; color: var(--fg-3); }
[data-theme] .computer-castgate__handoff-line--miss { color: var(--fg-3); }
[data-theme] .computer-castgate__next {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-2-5); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1);
}
[data-theme] .computer-castgate__next .computer-castgate__eyebrow { margin: 0; }
[data-theme] .computer-castgate__next-line {
  display: flex; align-items: flex-start; gap: var(--space-2);
  margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--fg-2);
}
[data-theme] .computer-castgate__next-icon { flex: 0 0 auto; margin-top: 2px; color: var(--fg-3); }
[data-theme] .computer-castgate__next-btn {
  align-self: flex-start; display: inline-flex; align-items: center; gap: var(--space-1-5);
  min-height: 34px; padding: 0 14px; cursor: pointer;
  border: 1px solid var(--accent); border-radius: var(--radius-pill); background: transparent;
  font-size: 12.5px; color: color-mix(in srgb, var(--accent) 32%, var(--fg-1)); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] .computer-castgate__next-btn:hover { background: color-mix(in srgb, var(--accent) 12%, var(--bg-1)); }

[data-theme] .computer-castgate__cast { display: flex; flex-direction: column; }
[data-theme] .computer-castgate__row {
  display: flex; align-items: center; gap: var(--space-3); min-width: 0;
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-2) var(--space-2-5);
}
[data-theme] .computer-castgate__row + .computer-castgate__row { margin-top: var(--space-2); }
[data-theme] .computer-castgate__picks { display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-theme] .computer-castgate__picks form { display: inline-flex; }
[data-theme] .computer-castgate__pick {
  display: inline-flex; align-items: center; gap: var(--space-2);
  min-height: 34px; padding: 3px 11px 3px 3px; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  background: var(--bg-1); color: var(--fg-1); font-size: 12.5px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  transition: background var(--t-fast) var(--ease-out);
}
[data-theme] .computer-castgate__pick:hover { background: var(--bg-3); }
[data-theme] .computer-castgate__pick-thumb {
  width: 28px; height: 28px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; display: block;
  flex: 0 0 auto; border: 1px solid var(--line);
}
[data-theme] .computer-castgate__pick-thumb--empty {
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--fg-3); background: var(--bg-3);
}
[data-theme] .computer-castgate__pick-name { white-space: nowrap; }
[data-theme] .computer-castgate__new { border-top: 1px solid var(--line); padding-top: var(--space-3); }
[data-theme] .computer-castgate__new-summary {
  display: inline-flex; align-items: center; gap: var(--space-2); cursor: pointer; list-style: none;
  min-height: 32px; font-size: 12.5px; color: var(--fg-2);
}
[data-theme] .computer-castgate__new-summary::-webkit-details-marker { display: none; }
[data-theme] .computer-castgate__new-summary:hover { color: var(--fg-1); }
[data-theme] .computer-castgate__form {
  display: flex; flex-direction: column; gap: var(--space-2-5); margin-top: var(--space-2);
}
[data-theme] .computer-castgate__input {
  width: 100%; font-size: 16px; color: var(--fg-1); min-height: 38px;
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-2);
}
[data-theme] .computer-castgate__input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .computer-castgate__input::placeholder { color: var(--fg-4); }
[data-theme] .computer-castgate__file {
  display: flex; flex-direction: column; gap: var(--space-1-5);
  font-size: 12px; line-height: 1.45; color: var(--fg-3);
}
[data-theme] .computer-castgate__fileinput { font-size: 12px; color: var(--fg-2); }
[data-theme] .computer-castgate__rights {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-2-5); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1);
}
[data-theme] .computer-castgate__rights-check {
  display: flex; align-items: center; gap: var(--space-2);
  min-height: 32px; font-size: 12.5px; line-height: 1.45; color: var(--fg-2); cursor: pointer;
}
[data-theme] .computer-castgate__checkbox { width: 16px; height: 16px; flex: 0 0 auto; accent-color: var(--success-fg); }
[data-theme] .computer-castgate__rights-who { display: flex; flex-direction: column; gap: var(--space-1-5); }
[data-theme] .computer-castgate__rights-label {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .computer-castgate__select {
  width: 100%; font-size: 16px; min-height: 38px; color: var(--fg-1);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-1-5) var(--space-2);
}

[data-theme] .computer-castgate__submit {
  align-self: flex-start; display: inline-flex; align-items: center; justify-content: center;
  min-height: 34px; padding: 0 14px; cursor: pointer;
  border: 1px solid var(--success-fg); border-radius: var(--radius-pill); background: transparent;
  font-size: 12.5px; color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2)); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] .computer-castgate__submit:hover { background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1)); }
[data-theme] .computer-castgate__decline {
  align-self: flex-start; display: inline-flex; align-items: center; gap: var(--space-1-5);
  min-height: 32px; padding: 0 12px; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--radius-pill); background: transparent;
  font-size: 12.5px; color: var(--fg-3); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
[data-theme] .computer-castgate__decline:hover { background: var(--bg-3); color: var(--fg-2); }
[data-theme] .computer-castgate__gen-lede {
  margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--fg-2);
}
[data-theme] .computer-castgate__gen-price {
  display: flex; align-items: flex-start; gap: var(--space-2); margin: 0;
  padding: var(--space-2-5); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1); font-size: 12px; line-height: 1.5; color: var(--fg-3);
}
[data-theme] .computer-castgate__gen-price strong { color: var(--fg-1); font-weight: 500; }
[data-theme] .computer-castgate__gen-price-icon { flex: 0 0 auto; margin-top: 2px; color: var(--fg-3); }
[data-theme] .computer-castgate__gen-axes {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--space-2-5);
}
[data-theme] .computer-castgate__cand {
  display: flex; flex-direction: column; gap: var(--space-2-5);
  padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1);
}
[data-theme] .computer-castgate__cand .computer-castgate__eyebrow { margin: 0; }
[data-theme] .computer-castgate__cand-body { display: flex; align-items: flex-start; gap: var(--space-3); }
[data-theme] .computer-castgate__cand-thumb {
  flex: 0 0 auto; width: 132px; height: 132px; -o-object-fit: cover; object-fit: cover;
  border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2);
}
[data-theme] .computer-castgate__cand-meta { display: flex; flex-direction: column; gap: var(--space-1-5); min-width: 0; }
[data-theme] .computer-castgate__cand-desc { font-size: 12.5px; line-height: 1.5; color: var(--fg-2); }
[data-theme] .computer-castgate__cand-note {
  display: inline-flex; align-items: center; gap: var(--space-1-5);
  font-size: 11.5px; line-height: 1.45; color: var(--fg-3);
}
[data-theme] .computer-castgate__cand-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2);
}
[data-theme] .computer-castgate__cand-actions form { display: inline-flex; }
[data-theme] .computer-castgate__cand-reroll { display: inline-flex; }
[data-theme] .computer-castpanel__badge--blocked {
  color: color-mix(in srgb, var(--danger-fg) 40%, var(--fg-2));
  background: color-mix(in srgb, var(--danger-fg) 12%, var(--bg-1));
  border-color: color-mix(in srgb, var(--danger-fg) 55%, var(--line));
}

@media (max-width: 860px) {
  [data-theme] .computer-castgate { padding: var(--space-3); }
  [data-theme] .computer-castgate__row { flex-wrap: wrap; }
  [data-theme] .computer-castgate__row .computer-castpanel__actions { width: 100%; justify-content: flex-start; }
  [data-theme] .computer-castgate__pick { width: 100%; justify-content: flex-start; }
  [data-theme] .computer-castgate__pick-name { white-space: normal; }
  [data-theme] .computer-castgate__submit,
  [data-theme] .computer-castgate__decline,
  [data-theme] .computer-castgate__next-btn { width: 100%; }
  [data-theme] .computer-castgate__cand-body { flex-direction: column; }
  [data-theme] .computer-castgate__cand-thumb { width: 100%; height: auto; aspect-ratio: 1 / 1; }
  [data-theme] .computer-castgate__cand-actions { flex-direction: column; align-items: stretch; }
  [data-theme] .computer-castgate__cand-actions form,
  [data-theme] .computer-castgate__cand-reroll { display: flex; }
  [data-theme] .computer-castgate__cand-actions form > * { width: 100%; }
  [data-theme] .computer-castgate__gen-axes { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-castgate__pick { transition: none; }
}
[data-theme] .computer-page--history { overflow-y: auto; }
[data-theme] .chat-history__head,
[data-theme] .chat-history__body { max-width: 860px; margin: 0 auto; padding: 0 var(--space-5); }
[data-theme] .chat-history__head { padding-top: var(--space-7); margin-bottom: var(--space-4); }
[data-theme] .chat-history__meta { margin: var(--space-2) 0 0; font-size: 13px; color: var(--fg-3); }
[data-theme] .chat-history__empty { font-size: 13px; color: var(--fg-4); margin: 0; }

[data-theme] .chat-history__list { display: grid; gap: 2px; }
[data-theme] .chat-history__row {
  display: flex; align-items: center; gap: var(--space-2-5);
  padding: var(--space-2-5) var(--space-3); border-radius: var(--radius-md);
  color: var(--fg-2); text-decoration: none; font-size: 14px; min-height: 44px;
}
[data-theme] .chat-history__row:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .chat-history__row-ic { flex: 0 0 auto; color: var(--fg-4); }
[data-theme] .chat-history__row-title {
  min-width: 0; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .chat-history__row-scope {
  flex: 0 0 auto; max-width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 12px; color: var(--fg-4);
  padding: 2px var(--space-2); border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line);
}
[data-theme] .chat-history__row-unread {
  flex: 0 0 auto; min-width: 18px; height: 18px; padding: 0 5px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 9px; font-size: 11px; font-weight: var(--weight-semibold);
  background: color-mix(in srgb, var(--warning-fg) 20%, transparent); color: var(--warning-fg);
  font-variant-numeric: tabular-nums;
}
[data-theme] .chat-history__row-time {
  flex: 0 0 auto; font-size: 12px; color: var(--fg-4); font-variant-numeric: tabular-nums;
}
[data-theme] .chat-history__loading {
  padding: var(--space-3); font-size: 13px; color: var(--fg-4); text-align: center;
}
@media (max-width: 860px) {
  [data-theme] .chat-history__row-scope { display: none; }
}
[data-theme] .computer-sbv2__peek { display: none; }
[data-theme] .computer-storyboard--collapsed .computer-sbv2__peek {
  display: flex; align-items: center; gap: var(--space-3);
  width: 100%; margin: 0; padding: var(--space-3) var(--space-4);
  min-height: 56px;
  text-align: left; cursor: pointer;
  background: none; border: 0; border-top: 1px solid var(--line);
  color: var(--fg-2);
  transition: background var(--t-fast) ease;
}
[data-theme] .computer-storyboard--collapsed .computer-sbv2__peek:hover {
  background: var(--hover-bg);
}
[data-theme] .computer-storyboard--collapsed .computer-sbv2__peek:focus-visible {
  outline: none; box-shadow: var(--focus-ring);
}
[data-theme] .computer-sbv2__peek-thumb {
  position: relative; flex: 0 0 auto;
  width: 56px; aspect-ratio: 16 / 9;
  border: 1px solid var(--line-2); border-radius: var(--radius-md);
  background: var(--bg-3);
}
[data-theme] .computer-sbv2__peek-icon {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: var(--fg-3);
}
[data-theme] .computer-sbv2__peek-img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  -o-object-fit: cover;
     object-fit: cover; display: block;
  border-radius: calc(var(--radius-md) - 1px);
}
[data-theme] .computer-sbv2__peek-body {
  flex: 1 1 auto; min-width: 0;
  display: flex; flex-direction: column; gap: 2px;
}
[data-theme] .computer-sbv2__peek-title {
  font-size: 13px; font-weight: var(--weight-bold); color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-sbv2__peek-meta {
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-sbv2__peek-chevron {
  flex: 0 0 auto; display: inline-flex; color: var(--fg-3);
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-storyboard--collapsed .computer-sbv2__peek { transition: none; }
}
[data-theme] .computer-sbv2__frame--reel {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line-2));
}
[data-theme] .computer-sbv2__frame--reel .computer-sbv2__frame-label {
  color: var(--accent-text); border-color: var(--accent-text);
}
[data-theme] .computer-sbv2__reel-actions {
  display: flex; flex-wrap: wrap; gap: var(--space-2);
  margin-top: var(--space-3);
}
@media (min-width: 1101px) {
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek {
    margin: auto; max-width: 380px; min-height: 0;
    flex-direction: column; align-items: center; text-align: center;
    gap: var(--space-3); padding: var(--space-5);
    border: 1px solid var(--line); border-top: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--bg-1);
  }
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek-thumb {
    width: 148px;
  }
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek-body {
    flex: 0 0 auto; width: 100%; align-items: center;
  }
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek-title,
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek-meta {
    overflow: visible; text-overflow: clip; white-space: normal;
  }
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek-title {
    font-size: 14px;
  }
  [data-theme] .computer-studio .computer-storyboard--collapsed .computer-sbv2__peek-chevron {
    transform: rotate(90deg);
  }
}
[data-theme] button.computer-storyboard__reel-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; background: none; border: 0; padding: 0;
  font: inherit; letter-spacing: inherit; cursor: pointer;
}
[data-theme] .computer-storyboard__reel-link:focus-visible {
  outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm);
}
[data-theme] .computer-storyboard__reel-out {
  display: inline-flex; align-items: center; color: inherit; opacity: 0.75;
}
[data-theme] .computer-storyboard__reel-out:hover { opacity: 1; }
[data-theme] .computer-storyboard__reel-out:focus-visible {
  outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); opacity: 1;
}
[data-theme] button.computer-storyboard__reel-link,
[data-theme] .computer-storyboard__reel-out { position: relative; }
[data-theme] button.computer-storyboard__reel-link::after,
[data-theme] .computer-storyboard__reel-out::after {
  content: ""; position: absolute; left: 0; right: 0;
  top: 50%; transform: translateY(-50%); height: 32px;
}
[data-theme] .computer-sbv2__media-empty { flex-direction: column; gap: var(--space-2); }
[data-theme] .computer-sbv2__media-empty-copy {
  font-family: var(--font-mono); font-size: 10.5px; line-height: 1.4;
  color: var(--fg-3); text-align: center; max-width: 88%;
}
@container (max-height: 240px) {
  [data-theme] .computer-page--studio .computer-sbv2__frame .computer-sbv2__media-empty-copy {
    display: none;
  }
}

[data-theme] .computer-page--project{ overflow-y: auto; }
[data-theme] .cproj__head,
[data-theme] .cproj__composer,
[data-theme] .cproj__section{ max-width: 860px; margin: 0 auto; padding: 0 var(--space-5); }

[data-theme] .cproj__head{ padding-top: var(--space-7); margin-bottom: var(--space-4); }
[data-theme] .cproj__title-row{ display: flex; align-items: center; gap: var(--space-3); }
[data-theme] .cproj__dot{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text); font-weight: var(--weight-bold); font-size: 15px;
}
[data-theme] .cproj__dot--app{
  position: relative; width: 26px; height: 26px; font-size: 12px; overflow: hidden;
}
[data-theme] .cproj__dot--app .cproj__dot-img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  -o-object-fit: cover;
     object-fit: cover; border-radius: inherit; display: block;
}
[data-theme] .cproj__icon-wrap{ position: relative; flex: 0 0 auto; }
[data-theme] .cproj__dot--upload{
  cursor: pointer; overflow: hidden; position: relative;
}
[data-theme] .cproj__dot-img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  -o-object-fit: cover;
     object-fit: cover; border-radius: inherit; display: block;
}
[data-theme] .cproj__dot-editicon{
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, black 45%, transparent);
  color: #fff; opacity: 0; transition: opacity .1s;
}
[data-theme] .cproj__dot--upload:hover .cproj__dot-editicon{ opacity: 1; }
[data-theme] .cproj__icon-form{ position: absolute; inset: 0; margin: 0; }
[data-theme] .cproj__icon-input{
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; cursor: pointer; margin: 0;
}
[data-theme] .cproj__icon-remove{
  position: absolute; top: -4px; right: -4px; width: 16px; height: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; border: 1px solid var(--line); background: var(--bg-2); color: var(--fg-3);
  padding: 0; cursor: pointer;
}
[data-theme] .cproj__icon-remove:hover{ background: var(--bg-3); color: var(--fg); }

[data-theme] .cproj__rename{ min-width: 0; flex: 1 1 auto; }
[data-theme] .cproj__rename summary{ list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--space-2); }
[data-theme] .cproj__rename summary::-webkit-details-marker{ display: none; }
[data-theme] .cproj__title h1{
  margin: 0; font-size: 24px; font-weight: var(--weight-bold); color: var(--fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .cproj__title svg{ color: var(--fg-4); opacity: 0; transition: opacity .1s; flex: 0 0 auto; }
[data-theme] .cproj__rename summary:hover svg{ opacity: 1; }
[data-theme] .cproj__rename-form{ display: flex; gap: var(--space-2); margin-top: var(--space-2); }
[data-theme] .cproj__rename-input{
  flex: 1 1 auto; padding: var(--space-2) var(--space-3);
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg); color: var(--fg); font-size: 15px;
}
[data-theme] .cproj__head-actions{ display: inline-flex; gap: var(--space-1); flex: 0 0 auto; }
[data-theme] .cproj__head-actions form{ display: inline-flex; }
[data-theme] .cproj__meta{ margin: var(--space-2) 0 0; font-size: 13px; color: var(--fg-3); }

[data-theme] .cproj__composer{ margin-bottom: var(--space-6); }
[data-theme] .cproj__composer .composer{ max-width: none; }

[data-theme] .cproj__section{ margin-bottom: var(--space-7); }
[data-theme] .cproj__heading{
  margin: 0 0 var(--space-3); font-size: 12px; font-weight: var(--weight-semibold);
  text-transform: uppercase; letter-spacing: .07em; color: var(--fg-3);
}
[data-theme] .cproj__hint{ margin: calc(-1 * var(--space-2)) 0 var(--space-3); font-size: 13px; color: var(--fg-3); }
[data-theme] .cproj__empty{ font-size: 13px; color: var(--fg-4); margin: 0; }

[data-theme] .cproj__chats,
[data-theme] .cproj__files{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
[data-theme] .cproj__chat-row,
[data-theme] .cproj__file-row{
  display: flex; align-items: center; gap: var(--space-2-5);
  padding: var(--space-2-5) var(--space-3); border-radius: var(--radius-md);
  color: var(--fg-2); text-decoration: none; font-size: 14px; min-height: 44px;
}
[data-theme] .cproj__chat-row:hover,
[data-theme] .cproj__file-row:hover{ background: var(--bg-2); color: var(--fg); }
[data-theme] .cproj__chat-row svg,
[data-theme] .cproj__file-row svg{ flex: 0 0 auto; color: var(--fg-4); }
[data-theme] .cproj__chat-title,
[data-theme] .cproj__file-title{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .cproj__chat-time,
[data-theme] .cproj__file-time{ margin-left: auto; flex: 0 0 auto; font-size: 12px; color: var(--fg-4); font-variant-numeric: tabular-nums; }
[data-theme] .cproj__viewall{
  display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%; height: 38px; margin-top: var(--space-2);
  border: 1px solid var(--line-2); border-radius: var(--radius-md);
  background: transparent; color: var(--fg-2);
  font-size: 13px; font-weight: var(--weight-semibold); text-decoration: none;
}
[data-theme] .cproj__viewall:hover{ background: var(--hover-bg); color: var(--fg); border-color: var(--hover-border); }
[data-theme] .cproj__viewall svg{ flex: 0 0 auto; color: var(--fg-3); }
[data-theme] .cproj__history{ padding-top: var(--space-7); }
[data-theme] .cproj__hist-head{
  display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5);
}
[data-theme] .cproj__hist-back{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border: 1px solid var(--line-2); border-radius: var(--radius-md);
  background: transparent; color: var(--fg-2); text-decoration: none;
}
[data-theme] .cproj__hist-back:hover{ background: var(--hover-bg); color: var(--fg); }
[data-theme] .cproj__hist-titles{ min-width: 0; }
[data-theme] .cproj__hist-title{ margin: 0; font-size: 22.5px; font-weight: var(--weight-bold); color: var(--fg); }
[data-theme] .cproj__hist-sub{ margin: 2px 0 0; font-size: 13px; font-weight: var(--weight-medium); color: var(--fg-3); }

[data-theme] .cproj__search{ position: relative; margin-bottom: var(--space-3-5); }
[data-theme] .cproj__search svg{
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  color: var(--fg-4); pointer-events: none;
}
[data-theme] .cproj__search input{
  width: 100%; height: 40px; padding: 0 var(--space-3-5) 0 36px;
  border: 1px solid var(--line-2); border-radius: var(--radius-md);
  background: var(--bg); color: var(--fg); font-size: 14px; font-weight: var(--weight-medium);
}
[data-theme] .cproj__search input::-moz-placeholder{ color: var(--fg-4); }
[data-theme] .cproj__search input::placeholder{ color: var(--fg-4); }
[data-theme] .cproj__search input:focus{
  outline: none;
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line-2));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
}
[data-theme] .cproj__hist-empty{
  margin: var(--space-5) 0 0; text-align: center;
  font-size: 13.5px; font-weight: var(--weight-medium); color: var(--fg-4);
}
[data-theme] .cproj__apps{
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--space-4);
}
[data-theme] .cproj-appcard{ overflow: visible; }
[data-theme] .cproj-appcard .dash-card-thumb{
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
[data-theme] .cproj-appcard .dash-card-menu-panel{ min-width: 272px; }
[data-theme] .cproj-appcard__overlay{
  position: absolute; inset: 0; z-index: 2;
  display: flex; align-items: center; justify-content: center; gap: var(--space-2);
  background: color-mix(in srgb, var(--bg) 55%, transparent);
  opacity: 0; pointer-events: none;
  transition: opacity var(--t-base);
}
[data-theme] .cproj-appcard__overlay-btn{ pointer-events: none; }
@media (hover: hover) {
  [data-theme] .cproj-appcard:hover .cproj-appcard__overlay{ opacity: 1; }
  [data-theme] .cproj-appcard:hover .cproj-appcard__overlay-btn{ pointer-events: auto; }
}
[data-theme] .cproj-appcard:focus-within .cproj-appcard__overlay{ opacity: 1; }
[data-theme] .cproj-appcard:focus-within .cproj-appcard__overlay-btn{ pointer-events: auto; }
[data-theme] .cproj-appcard__name-row{
  display: flex; align-items: center; gap: var(--space-2-5); min-width: 0;
}
[data-theme] .cproj-appcard__name-row .dash-card-name{ flex: 1 1 auto; min-width: 0; }
[data-theme] .cproj-appcard__menu-label{
  display: block; padding: 4px 14px 6px;
  font-size: 11px; font-weight: var(--weight-semibold);
  text-transform: uppercase; letter-spacing: .07em; color: var(--fg-4);
}
[data-theme] .cproj-appcard__swatches{
  display: flex; flex-wrap: wrap; gap: 7px; padding: 0 14px 10px;
}
[data-theme] .cproj-appcard__menu-form{ margin: 0; }
[data-theme] .cproj-appcard__swatches .cproj-appcard__menu-form{ display: contents; }
[data-theme] .cproj-appcard__swatch{
  width: 20px; height: 20px; flex: 0 0 auto;
  border-radius: 50%; padding: 0; cursor: pointer;
  background: var(--swatch);
  border: 1px solid color-mix(in srgb, var(--fg) 25%, transparent);
  transition: transform var(--t-base), box-shadow var(--t-base);
}
[data-theme] .cproj-appcard__swatch:hover{ transform: scale(1.12); }
[data-theme] .cproj-appcard__swatch:focus-visible{
  outline: 0; box-shadow: 0 0 0 2px var(--card-bg), 0 0 0 4px var(--accent);
}
[data-theme] .cproj-appcard__swatch.is-current{
  box-shadow: 0 0 0 2px var(--card-bg), 0 0 0 3px var(--fg-3);
}
[data-theme] .cproj-appcard__swatch--custom{
  position: relative; overflow: hidden;
  background: conic-gradient(#cc3e3e, #cca83e, #85cc3e, #3ecc61, #3ecccc, #3e61cc, #853ecc, #cc3ea8, #cc3e3e);
}
[data-theme] .cproj-appcard__custom-form{ position: absolute; inset: 0; margin: 0; }
[data-theme] .cproj-appcard__swatch--custom input[type="color"]{
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; cursor: pointer; margin: 0; padding: 0; border: 0;
}

[data-theme] .cproj__instructions-form{ display: grid; gap: var(--space-2); justify-items: start; }
[data-theme] .cproj__instructions-input{
  width: 100%; padding: var(--space-3); resize: vertical;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg); color: var(--fg); font-size: 14px; line-height: 1.55;
}
[data-theme] .cproj__instructions-input:focus{ outline: 2px solid color-mix(in srgb, var(--accent) 45%, transparent); outline-offset: -1px; }
[data-theme] .cproj__knowledge{ list-style: none; margin: 0 0 var(--space-3); padding: 0; display: grid; gap: 2px; }
[data-theme] .cproj__knowledge-row{
  position: relative; display: flex; align-items: center; gap: var(--space-2-5);
  padding: var(--space-2-5) var(--space-3); border-radius: var(--radius-md); min-height: 44px;
}
[data-theme] .cproj__knowledge-row:hover{ background: var(--bg-2); }
[data-theme] .cproj__knowledge-link{
  display: flex; align-items: center; gap: var(--space-2-5); min-width: 0; flex: 1;
  color: var(--fg-2); text-decoration: none; font-size: 14px;
}
[data-theme] .cproj__knowledge-row:hover .cproj__knowledge-link{ color: var(--fg); }
[data-theme] .cproj__knowledge-link svg{ flex: 0 0 auto; color: var(--fg-4); }
[data-theme] .cproj__knowledge-title{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .cproj__knowledge-meta{ flex: 0 0 auto; font-size: 10px; letter-spacing: .06em; color: var(--fg-4); }
[data-theme] .cproj__knowledge-remove{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border: 0; border-radius: var(--radius-sm);
  background: transparent; color: var(--fg-4); cursor: pointer;
}
[data-theme] .cproj__knowledge-remove:hover{ color: var(--danger-fg); background: var(--bg); }
[data-theme] .cproj__knowledge-remove form{ display: contents; }
[data-theme] .cproj__knowledge-add{ }
[data-theme] .cproj__knowledge-add-btn{
  display: inline-flex; align-items: center; gap: 7px; cursor: pointer; list-style: none;
  font-size: 13px; font-weight: var(--weight-medium); color: var(--accent-text);
}
[data-theme] .cproj__knowledge-add-btn::-webkit-details-marker{ display: none; }
[data-theme] .cproj__knowledge-add-btn svg{ color: var(--accent-text); }
[data-theme] .cproj__knowledge-add-body{
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3);
  margin-top: var(--space-3);
}
[data-theme] .cproj__knowledge-pick{ display: inline-flex; align-items: center; gap: var(--space-2); }
[data-theme] .cproj__knowledge-select{
  height: 34px; padding: 0 30px 0 11px; border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line); color: var(--fg);
  font: inherit; font-size: 13px; cursor: pointer; max-width: 260px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 9px center;
}
[data-theme] .cproj__knowledge-select:hover{ border-color: var(--line-2); }
[data-theme] .cproj__knowledge-upload-btn{
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 12px; border-radius: var(--radius-sm);
  background: var(--bg-2); border: 1px solid var(--line); color: var(--fg-2);
  font-size: 13px; font-weight: var(--weight-medium); cursor: pointer;
}
[data-theme] .cproj__knowledge-upload-btn:hover{ border-color: var(--line-2); color: var(--fg); background: var(--hover-bg); }
[data-theme] .cproj__knowledge-upload-btn svg{ color: var(--fg-3); }
[data-theme] .cproj__knowledge-upload-input{ position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
@media (max-width: 640px) {
  [data-theme] .cproj__knowledge-select{ font-size: 16px; max-width: 100%; }
  [data-theme] .cproj__head{ padding-top: var(--space-4); }
  [data-theme] .cproj__title h1{ font-size: 20px; }
  [data-theme] .cproj__apps{ grid-template-columns: 1fr; }
}
[data-theme] .cproj-cta{
  display: flex; align-items: center; gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
[data-theme] .cproj-cta__icon{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
}
[data-theme] .cproj-cta__body{ flex: 1 1 auto; min-width: 0; }
[data-theme] .cproj-cta__title{ margin: 0 0 2px; font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .cproj-cta__copy{ margin: 0; font-size: 13px; color: var(--fg-3); }
[data-theme] .cproj-cta__btn{ flex: 0 0 auto; }
@media (max-width: 640px) {
  [data-theme] .cproj-cta{ flex-direction: column; align-items: flex-start; }
}

[data-theme] .cshare{ max-width: 760px; margin: 0 auto; padding: var(--space-8) var(--space-4) var(--space-12); }

[data-theme] .cshare__head{ margin-bottom: var(--space-6); }
[data-theme] .cshare__eyebrow{ font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-text); font-weight: var(--weight-semibold); margin: 0 0 var(--space-1); }
[data-theme] .cshare__title{ font-size: 26px; font-weight: var(--weight-bold); color: var(--fg); margin: 0; }
[data-theme] .cshare__meta{ font-size: 13px; color: var(--fg-3); margin: var(--space-1) 0 0; }

[data-theme] .cshare__plan{ border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-4); margin-bottom: var(--space-6); background: var(--bg-2); }
[data-theme] .cshare__plan-goal{ font-size: 15px; font-weight: var(--weight-semibold); color: var(--fg); margin: 0 0 var(--space-3); }
[data-theme] .cshare__steps{ list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
[data-theme] .cshare__steps > .cshare__step{ display: flex; align-items: center; gap: var(--space-2-5); font-size: 14px; color: var(--fg-2); border: 0; padding: 0; background: transparent; }
[data-theme] .cshare__step-status{ width: 18px; height: 18px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--fg-3); }
[data-theme] .cshare__steps > .cshare__step--done .cshare__step-status{ background: var(--accent); color: var(--accent-fg); border-radius: 50%; forced-color-adjust: none; }
[data-theme] .cshare__steps > .cshare__step--done .cshare__step-label{ color: var(--fg-3); }
[data-theme] .cshare__steps > .cshare__step--waiting .cshare__step-status{ color: var(--warning-fg); }
[data-theme] .cshare__steps > .cshare__step--blocked .cshare__step-status{ color: var(--warning-fg); }
[data-theme] .cshare__step-pending-dot{ width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--line-2); }
[data-theme] .cshare__step-label{ flex: 1 1 auto; min-width: 0; }
[data-theme] .cshare__step-duration{ font-family: var(--font-mono, monospace); font-size: 12px; color: var(--fg-3); }

[data-theme] .cshare__timeline{ display: grid; gap: var(--space-4); }
[data-theme] .cshare__msg{ border-radius: var(--radius-lg); padding: var(--space-4); }
[data-theme] .cshare__msg--user{ background: var(--bg-2); border: 1px solid var(--line); }
[data-theme] .cshare__msg--assistant{ border: 1px solid var(--line); }
[data-theme] .cshare__msg-role{ font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-3); font-weight: var(--weight-semibold); margin: 0 0 var(--space-2); }
[data-theme] .cshare__msg-body{ font-size: 15px; color: var(--fg-2); }
[data-theme] .cshare__msg-attachments{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-3) 0 0; }
[data-theme] .cshare__attachment{ margin: 0; max-width: 220px; }
[data-theme] .cshare__attachment-media{
  display: block; max-width: 100%; max-height: 240px; -o-object-fit: contain; object-fit: contain;
  background: var(--bg-1);
  border: 1px solid var(--line); border-radius: var(--radius-md);
}

[data-theme] .cshare__card{ border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); background: var(--bg-2); }
[data-theme] .cshare__card-head{ display: flex; align-items: baseline; gap: var(--space-2); margin: 0; font-size: 13px; }
[data-theme] .cshare__card-source{ font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--accent-text); font-weight: var(--weight-semibold); }
[data-theme] .cshare__card-title{ color: var(--fg-2); font-weight: var(--weight-medium); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .cshare__card-duration{ margin-left: auto; font-family: var(--font-mono, monospace); font-size: 12px; color: var(--fg-3); }
[data-theme] .cshare__card--failed{ border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line)); }
[data-theme] .cshare__card-detail{ font-size: 12px; color: var(--fg-3); margin: var(--space-1) 0 0; }
[data-theme] .cshare__card-logs{ font-size: 12px; color: var(--fg-3); background: var(--bg); border-radius: var(--radius-sm); padding: var(--space-2) var(--space-3); margin: var(--space-2) 0 0; max-height: 220px; overflow: auto; white-space: pre-wrap; }
[data-theme] .cshare__timeline .cshare__step{ border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); background: var(--bg-2); }
[data-theme] .cshare__timeline .cshare__step--failed{ border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line)); }
[data-theme] .cshare__timeline .cshare__step-duration{ font-family: var(--font-mono, monospace); font-size: 12px; color: var(--fg-3); margin: var(--space-2) 0 0; }

[data-theme] .cshare__foot{ margin-top: var(--space-8); font-size: 13px; color: var(--fg-3); }
[data-theme] .cshare__foot a{ color: var(--accent-text); }

[data-theme] .os-rail-shell {
  --computer-rail-w: 272px;
  --computer-rail-footer-pad: 10px;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}
[data-theme] .os-rail-shell__main {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
[data-theme] .os-rail-shell > .computer-nav {
  flex: 0 0 var(--computer-rail-w);
  width: var(--computer-rail-w);
  transition:
    flex-basis 0.24s cubic-bezier(0.2, 0.9, 0.2, 1),
    width 0.24s cubic-bezier(0.2, 0.9, 0.2, 1);
}
[data-theme] .os-rail-shell > .computer-nav.computer-nav--collapsed {
  flex-basis: 50px;
  width: 50px;
}
[data-theme] .os-rail-shell--page {
  min-height: 100vh;
  min-height: 100dvh;
}
[data-theme] .os-rail-shell--page > .computer-nav {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100dvh;
}
[data-theme] .os-rail-shell--page > .os-rail-shell__main {
  display: block;
}
[data-theme] .computer-nav__footer-trigger {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 0;
  background: color-mix(in srgb, var(--fg) 5%, transparent);
  border-radius: var(--radius-md);
  cursor: pointer;
  text-align: left;
  color: inherit;
  font: inherit;
  transition: background var(--t-base);
}
[data-theme] .computer-nav__footer-trigger:hover,
[data-theme] .computer-nav__footer-trigger:focus-visible {
  background: color-mix(in srgb, var(--fg) 9%, transparent);
}
[data-theme] .os-acct-popover {
  left: var(--computer-rail-footer-pad, 10px);
  width: calc(var(--computer-rail-w) - (2 * var(--computer-rail-footer-pad, 10px)));
}
[data-theme] .nav-user-menu--rail {
  position: fixed;
  top: auto;
  right: auto;
  min-width: 0;
  bottom: var(--os-account-panel-bottom, 78px);
  max-height: var(--os-account-panel-max-h, calc(100vh - 96px));
  overflow-y: auto;
}
[data-theme] .nav-user-menu--rail {
  background: var(--bg-2);
  border-color: var(--line-2);
  border-radius: 12px;
  padding: 6px;
  box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.5), 0 6px 16px rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .nav-user-menu--rail {
  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.18), 0 6px 16px rgba(15, 23, 42, 0.08);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-head {
  padding: 6px 8px 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-name {
  font-size: 12.5px;
  font-weight: 600;
}
[data-theme] .nav-user-menu--rail .nav-user-menu-team {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item {
  height: 30px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 500;
  gap: 9px;
  color: var(--fg-2);
}
[data-theme] .nav-user-menu--rail button.nav-user-menu-item {
  font-size: 14px;
  font-weight: 500;
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item svg {
  width: 14.5px;
  height: 14.5px;
  color: var(--fg-3);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item:hover {
  background: color-mix(in srgb, var(--fg) 7%, transparent);
  color: var(--fg);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item:hover svg { color: var(--fg); }
[data-theme] .nav-user-menu--rail .nav-user-menu-divider {
  margin: 4px 6px;
  background: var(--line);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-section-label {
  padding: 6px 8px 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item--active {
  height: 30px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 14px;
}
[data-theme] .nav-user-menu--rail .nav-user-menu-upgrade-badge {
  margin-left: auto;
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.02em;
  background: var(--warning-bg);
  color: var(--warning-fg);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item--danger,
[data-theme] .nav-user-menu--rail .nav-user-menu-item--danger svg {
  color: var(--danger-fg);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item--danger:hover {
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
  color: var(--danger-fg);
}
[data-theme] .nav-user-menu--rail .nav-user-menu-item--danger:hover svg { color: var(--danger-fg); }
[data-theme] .computer-nav__section--row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  flex-wrap: wrap;
}
[data-theme] .computer-nav__newapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  cursor: pointer;
}
[data-theme] .computer-nav__newapp:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .computer-nav__section-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}
[data-theme] .computer-nav__seeall {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s ease, background 0.12s ease, color 0.12s ease;
}
[data-theme] .computer-nav__section--row:hover .computer-nav__seeall,
[data-theme] .computer-nav__section--row:focus-within .computer-nav__seeall {
  opacity: 1;
}
[data-theme] .computer-nav__seeall:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .computer-nav__seeall:focus-visible {
  opacity: 1;
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
}
@media (hover: none) {
  [data-theme] .computer-nav__seeall { opacity: 1; }
}
[data-theme] .computer-nav__showmore {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin: 2px 8px 6px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: var(--weight-medium);
  color: var(--fg-3);
  text-decoration: none;
  cursor: pointer;
}
[data-theme] .computer-nav__showmore:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .computer-nav__showmore .computer-nav__label {
  flex: 0 1 auto;
}
[data-theme] .computer-nav__showmore.is-loading {
  opacity: 0.55;
  pointer-events: none;
}
@media (min-width: 1024px) {
  [data-theme] .computer-nav--collapsed .computer-nav__showmore { display: none; }
}
[data-theme] .computer-nav__credits-out {
  color: var(--warning-fg);
  font-weight: var(--weight-medium);
  text-decoration: none;
}
[data-theme] .computer-nav__credits-out:hover {
  text-decoration: underline;
}
@media (min-width: 1024px) {
  [data-theme] .computer-nav--collapsed {
    overflow-x: hidden;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__head {
    padding-left: 13px;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__word { opacity: 0; }
  [data-theme] .computer-nav--collapsed .computer-nav__head-acts {
    width: 0;
    opacity: 0;
    pointer-events: none;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__brandlink { pointer-events: none; }
  [data-theme] .computer-nav--collapsed .computer-nav__logo-expand { pointer-events: auto; }
  @media (hover: hover) {
    [data-theme] .computer-nav--collapsed:hover .computer-nav__logo-expand,
    [data-theme] .computer-nav--collapsed .computer-nav__logo-expand:focus-visible {
      opacity: 1;
    }
  }
  @media (hover: none) {
    [data-theme] .computer-nav--collapsed .computer-nav__logo-expand { opacity: 1; }
  }
  [data-theme] .computer-nav--collapsed .computer-nav__item .computer-nav__label,
  [data-theme] .computer-nav--collapsed .computer-nav__item-badge {
    opacity: 0;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__item--new { position: relative; }
  [data-theme] .computer-nav--collapsed .computer-nav__item--new::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
  }
  [data-theme] .computer-nav--collapsed .computer-nav__scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 0 6px;
    overflow-x: hidden;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__section,
  [data-theme] .computer-nav--collapsed .computer-nav__proj,
  [data-theme] .computer-nav--collapsed .computer-nav__proj-kids,
  [data-theme] .computer-nav--collapsed .computer-nav__kid,
  [data-theme] .computer-nav--collapsed .computer-nav__kid-more,
  [data-theme] .computer-nav--collapsed .computer-nav__kid-ghost,
  [data-theme] .computer-nav--collapsed .computer-nav__proj-cta,
  [data-theme] .computer-nav--collapsed .computer-nav__showmore,
  [data-theme] .computer-nav--collapsed .computer-nav__archived,
  [data-theme] .computer-nav--collapsed .computer-nav__empty {
    display: none;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__menu--folders,
  [data-theme] .computer-nav--collapsed .computer-nav__menu--apps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: auto;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__row--folder,
  [data-theme] .computer-nav--collapsed .computer-nav__menu--apps .computer-nav__kid-wrap {
    display: flex;
    justify-content: center;
    padding: 0;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__chip {
    display: inline-flex;
    animation: osnv-chip-in 0.18s ease 0.1s both;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__chipdivider {
    display: block;
    width: 19px;
    height: 1px;
    flex: 0 0 auto;
    background: var(--line-2);
    margin: 7px 0;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__footer {
    padding: 10px 0 14px;
    display: flex;
    justify-content: center;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__footer-trigger {
    width: 37px;
    min-height: 47px;
    padding: 0;
    justify-content: center;
    gap: 0;
    background: transparent;
  }
  [data-theme] .computer-nav--collapsed .computer-nav__footer-trigger:hover,
  [data-theme] .computer-nav--collapsed .computer-nav__footer-trigger:focus-visible {
    background: color-mix(in srgb, var(--fg) 8%, transparent);
  }
  [data-theme] .computer-nav--collapsed .computer-nav__user { display: none; }
  [data-theme] .computer-shell:has(> .computer-nav--collapsed) {
    grid-template-columns: 50px 1fr;
  }
}
@keyframes osnv-chip-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
[data-theme] .os-rail-utilbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  padding-top: var(--space-4);
}
@media (max-width: 1023px) {
  [data-theme] .os-rail-shell:not(.os-rail-shell--page):not(.os-rail-shell--drawer) > .computer-nav {
    display: none;
  }
  [data-theme] .os-rail-shell--drawer > .computer-nav,
  [data-theme] .os-rail-shell--drawer > .computer-nav.computer-nav--collapsed {
    display: flex;
    position: fixed;
    inset: 0 auto 0 0;
    width: min(300px, 85vw);
    --computer-rail-w: min(300px, 85vw);
    height: 100vh;
    height: 100dvh;
    z-index: 60;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform var(--t-base), visibility 0s var(--t-base);
    box-shadow: var(--shadow-lg);
  }
  [data-theme] .os-rail-shell--drawer.nav-open > .computer-nav,
  [data-theme] .os-rail-shell--drawer.nav-open > .computer-nav.computer-nav--collapsed {
    transform: none;
    visibility: visible;
    transition: transform var(--t-base), visibility 0s;
  }
  [data-theme] .os-rail-shell--drawer.nav-open > .computer-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 55;
    background: var(--scrim);
  }

  [data-theme] .os-rail-shell--page {
    display: block;
    min-height: 100vh;
    min-height: 100dvh;
  }
  [data-theme] .os-rail-shell--page > .computer-nav {
    display: flex;
    position: fixed;
    inset: 0 auto 0 0;
    width: min(300px, 85vw);
    height: 100vh;
    height: 100dvh;
    z-index: 60;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform var(--t-base), visibility 0s var(--t-base);
    box-shadow: var(--shadow-lg);
  }
  [data-theme] .os-rail-shell--page.nav-open > .computer-nav {
    transform: none;
    visibility: visible;
    transition: transform var(--t-base), visibility 0s;
  }
  [data-theme] .os-rail-shell--page.nav-open > .computer-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 50;
    background: var(--scrim);
  }

  [data-theme] .os-rail-mobilebar {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    position: sticky;
    top: 0;
    z-index: 40;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
  }
  [data-theme] .os-rail-mobilebar__menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: var(--radius-sm);
    color: var(--fg-2);
    cursor: pointer;
  }
  [data-theme] .os-rail-mobilebar__menu:hover { background: var(--hover-bg); }
  [data-theme] .os-rail-mobilebar__brand { min-width: 0; overflow: visible; }
  [data-theme] .os-rail-mobilebar__brand .brand-mark { flex: 0 0 auto; }
  [data-theme] .os-rail-mobilebar__brand .brand-word {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [data-theme] .os-rail-utilbar {
    position: fixed;
    top: 0;
    right: 0;
    width: auto;
    max-width: none;
    margin: 0;
    height: 57px;
    z-index: 41;
    padding: 0 var(--space-3);
    gap: var(--space-2);
  }
  [data-theme] .os-rail-mobilebar {
    min-height: 57px;
  }
  [data-theme] .os-rail-shell--page:has(.os-rail-utilbar) .os-rail-mobilebar {
    padding-right: 320px;
  }
  @media (max-width: 559px) {
    [data-theme] .os-rail-shell--page:has(.os-rail-utilbar) .os-rail-mobilebar__brand .brand-word { display: none; }
  }
  [data-theme] .computer-nav__expander { display: none; }
  [data-theme] .nav-user-menu--rail {
    z-index: 70;
  }
  [data-theme] .computer-shell.nav-open .computer-nav {
    transform: none;
    visibility: visible;
  }

}
@media (min-width: 1024px) {
  [data-theme] .os-rail-mobilebar { display: none; }
  [data-theme] .os-rail-shell--page > .computer-backdrop,
  [data-theme] .os-rail-shell--drawer > .computer-backdrop { display: none; }
}
[data-theme] .computer-nav__row { position: relative; }
[data-theme] .computer-nav:not(.computer-nav--collapsed) .computer-nav__row > .computer-nav__item { padding-right: 30px; }
@media (max-width: 1023px) {
  [data-theme] .computer-nav .computer-nav__row > .computer-nav__item { padding-right: 30px; }
}
[data-theme] .computer-nav__rowmenu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: var(--radius-sm);
  color: var(--fg-4);
  cursor: pointer;
  list-style: none;
  opacity: 0;
  touch-action: manipulation;
}
[data-theme] .computer-nav__rowmenu-toggle::-webkit-details-marker { display: none; }
[data-theme] .computer-nav__row:hover .computer-nav__rowmenu-toggle,
[data-theme] .computer-nav__rowmenu-toggle:focus-visible,
[data-theme] .computer-nav__rowmenu[open] .computer-nav__rowmenu-toggle {
  opacity: 1;
}
@media (hover: none) {
  [data-theme] .computer-nav__rowmenu-toggle { opacity: 1; }
}
[data-theme] .computer-nav__rowmenu-toggle:hover {
  background: var(--hover-bg);
  color: var(--fg-2);
}
[data-theme] .computer-nav__rowmenu-panel {
  position: absolute;
  right: 0;
  top: 28px;
  z-index: 20;
  width: 216px;
  padding: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}
[data-theme] .computer-nav__rowmenu-form {
  display: flex;
  gap: var(--space-1);
}
[data-theme] .computer-nav__rowmenu-input {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  padding: 5px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--bg);
  color: var(--fg);
}
[data-theme] .computer-nav__rowmenu-save,
[data-theme] .computer-nav__rowmenu-archive {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  padding: 5px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
  touch-action: manipulation;
}
[data-theme] .computer-nav__rowmenu-save:hover,
[data-theme] .computer-nav__rowmenu-archive:hover {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .computer-nav__rowmenu-archiveform { display: flex; }
@media (min-width: 1024px) {
  [data-theme] .computer-nav--collapsed .computer-nav__rowmenu { display: none; }
}
[data-theme] .computer-credit-gate {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-2);
  font-size: 13px;
  color: var(--warning-fg);
  background: var(--warning-bg, color-mix(in srgb, var(--warning-fg) 10%, transparent));
  border: 1px solid color-mix(in srgb, var(--warning-fg) 35%, transparent);
  border-radius: var(--radius-sm);
}
[data-theme] .computer-credit-gate svg { flex: 0 0 auto; }
[data-theme] .computer-credit-gate__msg { flex: 1 1 auto; min-width: 0; }
[data-theme] .computer-credit-gate__cta {
  flex: 0 0 auto;
  font-weight: var(--weight-semibold);
  color: var(--warning-fg);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 860px) {
  [data-theme] .computer-shell .computer-nav {
    visibility: hidden;
    transition: transform var(--t-base), visibility 0s var(--t-base);
  }
  [data-theme] .computer-shell.nav-open .computer-nav {
    visibility: visible;
    transition: transform var(--t-base), visibility 0s;
  }
}

[data-theme] .computer-nav__row--folder { min-width: 0; }

[data-theme] .computer-nav__proj {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 4px;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__proj:hover {
  background: color-mix(in srgb, var(--fg) 6%, transparent);
}
[data-theme] .computer-nav__proj.is-active {
  background: var(--bg);
}
[data-theme] .computer-nav__proj-icbtn {
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  flex: 0 0 auto;
  display: inline-flex;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__proj-icbtn:hover {
  background: color-mix(in srgb, var(--fg) 10%, transparent);
}
[data-theme] .computer-nav__proj-ic {
  position: relative;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.12s ease;
}
[data-theme] .computer-nav__proj-ic .computer-nav__dot {
  position: absolute;
  inset: 0;
  width: 22px;
  height: 22px;
  font-size: 11px;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__proj-caret {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-2);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease;
}
[data-theme] .computer-nav__proj-caret svg {
  transition: transform 0.15s ease;
  transform: rotate(-90deg);
}
[data-theme] .computer-nav__proj.is-open .computer-nav__proj-caret svg { transform: rotate(0); }
[data-theme] .computer-nav__proj:hover .computer-nav__proj-ic,
[data-theme] .computer-nav__proj:focus-within .computer-nav__proj-ic,
[data-theme] .computer-nav__proj.is-open .computer-nav__proj-ic { opacity: 0; }
[data-theme] .computer-nav__proj:hover .computer-nav__proj-caret,
[data-theme] .computer-nav__proj:focus-within .computer-nav__proj-caret,
[data-theme] .computer-nav__proj.is-open .computer-nav__proj-caret { opacity: 1; }
[data-theme] .computer-nav__proj-name {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 0 2px;
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--weight-semibold);
  color: var(--fg-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .computer-nav__proj:hover .computer-nav__proj-name { color: var(--fg); }
[data-theme] .computer-nav__proj-name .computer-nav__label { display: inline; }
[data-theme] a.computer-nav__proj-name {
  display: block;
  text-decoration: none;
  forced-color-adjust: none;
}
[data-theme] a.computer-nav__proj-name:hover,
[data-theme] a.computer-nav__proj-name:focus-visible { text-decoration: none; }
[data-theme] .computer-nav__proj-count {
  font-family: var(--font-mono);
  font-weight: var(--weight-medium);
  font-size: 10.5px;
  color: var(--fg-4);
  padding-right: 3px;
  flex: 0 0 auto;
}
[data-theme] .computer-nav__pinned {
  color: var(--fg-4);
  display: inline-flex;
  flex: 0 0 auto;
}
[data-theme] .computer-nav__proj-acts {
  display: none;
  align-items: center;
  gap: 1px;
  flex: 0 0 auto;
}
[data-theme] .computer-nav__proj:hover .computer-nav__proj-acts,
[data-theme] .computer-nav__proj:focus-within .computer-nav__proj-acts { display: inline-flex; }
[data-theme] .computer-nav__proj:hover .computer-nav__proj-count,
[data-theme] .computer-nav__proj:focus-within .computer-nav__proj-count,
[data-theme] .computer-nav__proj:hover .computer-nav__pinned,
[data-theme] .computer-nav__proj:focus-within .computer-nav__pinned { display: none; }
[data-theme] .computer-nav__proj-act {
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-xs);
  color: var(--fg-4);
  cursor: pointer;
  text-decoration: none;
}
[data-theme] .computer-nav__proj-act:hover {
  background: color-mix(in srgb, var(--fg) 10%, transparent);
  color: var(--fg);
}
@media (hover: none) {
  [data-theme] .computer-nav__proj-acts { display: inline-flex; }
  [data-theme] .computer-nav__proj-count,
  [data-theme] .computer-nav__pinned { display: none; }
}
[data-theme] .computer-nav__proj-kids {
  list-style: none;
  position: relative;
  margin: 1px 0 3px;
  padding: 0 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
[data-theme] .computer-nav__proj-kids::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: color-mix(in srgb, var(--fg) 11%, transparent);
  border-radius: 1px;
}
[data-theme] .computer-nav__proj-kids[hidden] { display: none; }
[data-theme] .computer-nav__subchats-wrap { list-style: none; }
[data-theme] .computer-nav__chat-kids { margin-top: 0; }
[data-theme] .computer-subchatalert-slot { display: contents; }
[data-theme] .computer-subchatalert {
  margin-left: auto; flex: 0 0 auto;
  display: inline-flex; align-items: center; gap: 4px;
}
[data-theme] .computer-subchatalert__dot { width: 9px; height: 9px; border-width: 1.5px; }
[data-theme] .computer-subchatalert__count { margin-left: 0; }
[data-theme] .computer-nav__kid--chat .computer-subchatalert { transition: opacity 0.1s ease; }
[data-theme] .computer-nav__kid-wrap--chat:hover .computer-subchatalert { opacity: 0; }
[data-theme] .computer-nav__kid-wrap {
  position: relative;
  min-width: 0;
  list-style: none;
}
[data-theme] .computer-nav__kid {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 6px;
  border-radius: var(--radius-sm);
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  color: var(--fg-2);
  font-size: 12.5px;
  font-weight: var(--weight-medium);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .computer-nav__kid:hover {
  background: color-mix(in srgb, var(--fg) 6%, transparent);
  color: var(--fg);
}
[data-theme] .computer-nav__kid.is-active {
  background: var(--bg);
  color: var(--fg);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, var(--line-2));
}
[data-theme] .computer-nav__kid-glyph {
  position: relative;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  border-radius: var(--radius-xs);
}
[data-theme] .computer-nav__kid-glyph .computer-nav__appletter { font-size: 9px; border-radius: var(--radius-xs); }
[data-theme] .computer-nav__kid-glyph .computer-nav__appicon { border-radius: var(--radius-xs); }
[data-theme] .computer-nav__kid--app {
  height: 32px;
  gap: 8px;
  font-size: 13px;
}
[data-theme] .computer-nav__kid--app .computer-nav__kid-glyph {
  width: 22px;
  height: 22px;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__kid--app .computer-nav__kid-glyph .computer-nav__appletter {
  font-size: 10.5px;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__kid--app .computer-nav__kid-glyph .computer-nav__appicon { border-radius: var(--radius-sm); }
[data-theme] .computer-nav__kid-ghost {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 6px;
  color: var(--fg-4);
  font-size: 12.5px;
  font-weight: var(--weight-medium);
}
[data-theme] .computer-nav__proj-cta {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 9px 8px;
  border: 1px dashed var(--line-2);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}
[data-theme] .computer-nav__proj-cta:hover {
  border-color: var(--fg-4);
  background: color-mix(in srgb, var(--fg) 3%, transparent);
}
[data-theme] .computer-nav__proj-cta--static { cursor: default; }
[data-theme] .computer-nav__proj-cta--static:hover {
  border-color: var(--line-2);
  background: transparent;
}
[data-theme] .computer-nav__proj-cta-ic {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
}
[data-theme] .computer-nav__proj-cta-ic svg { width: 14px; height: 14px; }
[data-theme] .computer-nav__proj-cta-tx {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
[data-theme] .computer-nav__proj-cta-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg-2);
  line-height: 1.2;
}
[data-theme] .computer-nav__proj-cta:hover .computer-nav__proj-cta-title { color: var(--fg); }
[data-theme] .computer-nav__proj-cta-sub {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-3);
  line-height: 1.25;
}
[data-theme] .computer-nav__kid-st {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  transition: opacity 0.1s ease;
}
[data-theme] .computer-nav__kid-st > * { display: none; }
[data-theme] .computer-nav__kid.is-working .computer-nav__kid-st-working { display: inline-flex; }
[data-theme] .computer-nav__kid.is-awaiting .computer-nav__kid-st-action {
  display: inline-flex;
  color: var(--warning-fg);
}
[data-theme] .computer-nav__kid.is-idle[data-deploy="live"] .computer-nav__kid-st-live {
  display: inline-flex;
  color: var(--status-live);
}
[data-theme] .computer-nav__kid.is-idle[data-deploy="failed"] .computer-nav__kid-st-failed {
  display: inline-flex;
  color: var(--status-failed);
}
[data-theme] .computer-nav__kid.is-idle[data-deploy="building"] .computer-nav__kid-st-working { display: inline-flex; }
[data-theme] .computer-nav__kid-st-working {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--status-building);
  animation: ds-building-pulse 1.6s ease-in-out infinite;
}
[data-theme] .computer-nav__kid.is-awaiting .computer-nav__label {
  color: var(--fg);
  font-weight: var(--weight-semibold);
}
[data-theme] .computer-nav__kid-wrap:hover .computer-nav__kid-st { opacity: 0; }
[data-theme] .computer-nav__kid-more {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-xs);
  color: var(--fg-3);
  cursor: pointer;
}
[data-theme] .computer-nav__kid-wrap:hover .computer-nav__kid-more,
[data-theme] .computer-nav__kid-more:focus-visible { display: inline-flex; }
[data-theme] .computer-nav__kid-more:hover { color: var(--fg); background: var(--bg-3); }
[data-theme] .computer-nav__projstatus {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid var(--rail-bg);
  display: none;
  z-index: 1;
}
[data-theme] .computer-nav__row--folder.is-working .computer-nav__projstatus {
  display: block;
  background: var(--status-building);
  animation: ds-building-pulse 1.6s ease-in-out infinite;
}
[data-theme] .computer-nav__row--folder.is-awaiting .computer-nav__projstatus {
  display: block;
  background: var(--warning-fg);
}
[data-theme] .computer-nav__row--folder.is-awaiting:has(.computer-projbadge) .computer-nav__projstatus {
  display: none;
}
[data-theme] .computer-nav__row--folder.is-awaiting .computer-nav__proj-name {
  color: var(--fg);
}
[data-theme] .computer-projbadge-slot { display: contents; }
[data-theme] .computer-nav__chip-badge .computer-projbadge {
  position: absolute;
  top: -5px;
  right: -6px;
  margin-left: 0;
  min-width: 14px;
  height: 14px;
  padding: 0 4px;
  font-size: 9px;
  z-index: 2;
  background: color-mix(in srgb, var(--warning-fg) 18%, var(--rail-bg));
  border-color: color-mix(in srgb, var(--warning-fg) 55%, transparent);
}
[data-theme] .computer-nav__chip { display: none; }
[data-theme] .computer-nav__chip-badge {
  position: relative;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
}
[data-theme] .computer-nav__chip-badge .computer-nav__dot,
[data-theme] .computer-nav__chip-badge .computer-nav__appletter {
  position: absolute;
  inset: 0;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: var(--weight-bold);
}
[data-theme] .computer-nav__chip-badge .computer-nav__appicon {
  position: absolute;
  inset: 0;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-sm);
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
[data-theme] .computer-nav__chip:hover .computer-nav__chip-badge {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--fg) 16%, transparent);
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__chip.is-active .computer-nav__chip-badge {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--fg) 25%, transparent);
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__chipdivider { display: none; }
[data-theme] .computer-nav__rowactions{
  display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto;
  opacity: 0; transition: opacity .1s ease;
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder){
  display: flex; align-items: center; justify-content: space-between;
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder)[hidden]{
  display: none;
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder) > .computer-nav__item{
  flex: 1 1 auto; min-width: 0;
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder){
  border-radius: var(--radius-sm);
  padding-right: var(--space-2-5);
  transition: background var(--t-base);
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder):hover{
  background: color-mix(in srgb, var(--fg) 5%, transparent);
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder):hover > a.computer-nav__item{
  background: transparent;
  color: var(--fg);
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder):has(> .computer-nav__item.is-active){
  background: var(--bg);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, var(--line-2));
}
[data-theme] .computer-nav__row:not(.computer-nav__row--folder) > .computer-nav__item.is-active{
  background: transparent;
  box-shadow: none;
}
@media (hover: none){
  [data-theme] .computer-nav__rowactions{ opacity: .55; }
}
[data-theme] .computer-nav__row:hover .computer-nav__rowactions,
[data-theme] .computer-nav__row:focus-within .computer-nav__rowactions{ opacity: 1; }
@media (min-width: 1024px) {
  [data-theme] .computer-nav--collapsed .computer-nav__rowactions{ display: none; }
}
@media (hover: none) {
  [data-theme] .computer-nav__rowactions{ opacity: 1; }
  [data-theme] .computer-nav__rowactions .computer-nav__rowaction:not(.computer-nav__rowmenu-toggle){ display: none; }
  [data-theme] .computer-nav__rowactions .computer-nav__rowchat{ display: inline-flex; }
}
[data-theme] .computer-nav__rowaction{
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: border-box;
  width: 26px; height: 26px; border: 0; background: transparent;
  color: var(--fg-4); cursor: pointer; border-radius: var(--radius-sm); list-style: none;
}
[data-theme] .computer-nav__rowaction:hover{ color: var(--fg-2); background: var(--bg-3); }
[data-theme] .computer-nav__rowaction::-webkit-details-marker{ display: none; }
[data-theme] .computer-nav__rowmenu{
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
}
[data-theme] .computer-nav__rowmenu-panel--manus{
  position: absolute; right: 0; top: calc(100% + 4px); z-index: 60;
  min-width: 200px; padding: 6px;
  background: var(--bg); border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex; flex-direction: column;
}
[data-theme] .computer-nav__menuitem{
  display: flex; align-items: center; gap: var(--space-2);
  width: 100%; padding: 8px 10px; border: 0; background: transparent;
  color: var(--fg-2); font-size: 13px; text-align: left; cursor: pointer;
  border-radius: var(--radius-md); list-style: none; text-decoration: none;
}
[data-theme] .computer-nav__menuitem:hover{ background: var(--bg-2); color: var(--fg); }
[data-theme] .computer-nav__menuitem::-webkit-details-marker{ display: none; }
[data-theme] .computer-nav__menuitem--danger{ color: var(--danger-fg); }
[data-theme] .computer-nav__menuitem--danger:hover{ background: color-mix(in srgb, var(--danger-fg) 10%, transparent); color: var(--danger-fg); }
[data-theme] .computer-nav__menuitem--header{
  font-size: 11px; text-transform: uppercase; letter-spacing: .06em;
  color: var(--fg-4); cursor: default; padding-bottom: 4px;
}
[data-theme] .computer-nav__menuitem--header:hover{ background: transparent; }
[data-theme] .computer-nav__menuitem-form{ display: contents; }
[data-theme] .computer-nav__menuitem-rename .computer-nav__rowmenu-form{ padding: 4px 10px 8px; display: flex; gap: 6px; }
[data-theme] .computer-nav__empty{
  margin: 4px 14px 8px; font-size: 12px; color: var(--fg-4);
}
@media (min-width: 1024px) {
  [data-theme] .computer-nav--collapsed .computer-nav__empty{ display: none; }
}
[data-theme] .computer-nav__appicon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-sm);
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  background: transparent;
}
[data-theme] .computer-nav__appletter {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--weight-bold);
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .computer-nav__kid-glyph:has(> img.computer-nav__appicon) > .computer-nav__appletter,
[data-theme] .computer-nav__proj-ic:has(> img.computer-nav__appicon) > .computer-nav__dot,
[data-theme] .computer-nav__chip-badge:has(> img.computer-nav__appicon) > .computer-nav__dot,
[data-theme] .computer-nav__chip-badge:has(> img.computer-nav__appicon) > .computer-nav__appletter {
  background: transparent !important;
  color: transparent !important;
}
[data-theme] .computer-nav__menudivider{
  display: block; height: 1px; margin: var(--space-1) var(--space-2);
  background: var(--line);
}
[data-theme] .computer-nav__menuitem-submenu summary{ list-style: none; }
[data-theme] .computer-nav__menuitem-submenu summary::-webkit-details-marker{ display: none; }
[data-theme] .computer-nav__menuitem-chevron{
  margin-left: auto; display: inline-flex; color: var(--fg-4);
  transition: transform .12s ease;
}
[data-theme] .computer-nav__menuitem-submenu[open] .computer-nav__menuitem-chevron{ transform: rotate(90deg); }
[data-theme] .computer-nav__submenu-list{
  display: flex; flex-direction: column; gap: 1px;
  margin: 2px 0 2px var(--space-3);
  padding-left: var(--space-2);
  border-left: 1px solid var(--line);
}
[data-theme] .computer-nav__archived {
  margin: var(--space-2) 8px 6px;
  padding-top: var(--space-2);
  border-top: 1px solid var(--line);
}
[data-theme] .computer-nav__archived-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 12px;
  font-weight: var(--weight-medium);
  color: var(--fg-3);
}
[data-theme] .computer-nav__archived-toggle::-webkit-details-marker { display: none; }
[data-theme] .computer-nav__archived-toggle:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-nav__archived-toggle:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line-2));
  outline-offset: 2px;
}
[data-theme] .computer-nav__archived-lead {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}
[data-theme] .computer-nav__archived-lead svg { color: var(--fg-4); flex: 0 0 auto; }
[data-theme] .computer-nav__archived-count {
  flex: 0 0 auto;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--fg-4);
}
[data-theme] .computer-nav__archived-caret {
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--fg-4);
  transition: transform .14s ease;
}
[data-theme] .computer-nav__archived[open] .computer-nav__archived-caret { transform: rotate(180deg); }
[data-theme] .computer-nav__menu--archived {
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .computer-nav__archived-row {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: var(--radius-sm);
  transition: background var(--t-base);
}
[data-theme] .computer-nav__archived-row:hover { background: color-mix(in srgb, var(--fg) 5%, transparent); }
[data-theme] .computer-nav__item--archived {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  color: var(--fg-4);
  text-decoration: none;
}
[data-theme] .computer-nav__item--archived svg { color: var(--fg-4); flex: 0 0 auto; }
[data-theme] .computer-nav__item--archived .computer-nav__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .computer-nav__item--archived:hover { color: var(--fg-2); }
[data-theme] .computer-nav__archived-restore {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  border: 0;
  background: transparent;
  border-radius: var(--radius-sm);
  color: var(--fg-4);
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .computer-nav__archived-restore:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .computer-nav__archived-restore:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line-2));
  outline-offset: 1px;
}
@media (max-width: 860px){
  [data-theme] .computer-nav__rowaction{ min-width: 36px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; }
  [data-theme] .computer-nav__archived-restore{ min-width: 36px; min-height: 36px; }
}
[data-theme] .computer-nav__heading--toggle{
  display: inline-flex; align-items: center; gap: 6px;
  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__heading--toggle:focus-visible{
  outline: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line-2));
  outline-offset: 2px;
}
[data-theme] .computer-nav__section-chevron{
  display: inline-flex; color: var(--fg-4);
  transition: transform .14s ease;
}
[data-theme] [data-section-collapsed="true"] .computer-nav__section-chevron{
  transform: rotate(-90deg);
}
:root[data-theme="dark"],
[data-theme="dark"] {
  --nav-glyph-l-min: 0.64;
  --nav-glyph-l-max: 1;
}
:root[data-theme="light"],
[data-theme="light"] {
  --nav-glyph-l-min: 0;
  --nav-glyph-l-max: 0.54;
}
[data-theme] .computer-nav__navicon,
[data-theme] .computer-menu__proj-ic,
[data-theme] .computer-npm__tile,
[data-theme] .computer-picker__color,
[data-theme] .computer-picker__color-dot {
  --nav-accent: var(--item-accent, var(--tile-accent, var(--swatch, var(--fg-3))));
  --nav-glyph: var(--nav-accent);
}
@supports (color: oklch(from #000000 l c h)) {
  [data-theme] .computer-nav__navicon,
  [data-theme] .computer-menu__proj-ic,
  [data-theme] .computer-npm__tile,
  [data-theme] .computer-picker__color,
  [data-theme] .computer-picker__color-dot {
    --nav-glyph: oklch(from var(--nav-accent) clamp(var(--nav-glyph-l-min), l, var(--nav-glyph-l-max)) c h);
  }
}
[data-theme] .computer-nav__navicon {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  color: var(--nav-glyph);
  background: color-mix(in srgb, var(--nav-accent) 15%, transparent);
}
[data-theme] .computer-nav__navicon svg {
  width: 62%;
  height: 62%;
}
[data-theme] .computer-nav__navicon--emoji {
  background: transparent;
  font-size: 12px;
  line-height: 1;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}
[data-theme] .computer-nav__kid--app .computer-nav__navicon--emoji,
[data-theme] .computer-nav__proj-ic .computer-nav__navicon--emoji { font-size: 14px; }
[data-theme] .computer-nav__chip-badge .computer-nav__navicon--emoji { font-size: 15px; }
[data-theme] .computer-nav__kid-glyph .computer-nav__navicon { border-radius: var(--radius-xs); }
[data-theme] .computer-nav__kid--app .computer-nav__kid-glyph .computer-nav__navicon,
[data-theme] .computer-nav__proj-ic .computer-nav__navicon,
[data-theme] .computer-nav__chip-badge .computer-nav__navicon { border-radius: var(--radius-sm); }
[data-theme] .computer-nav__kid-glyph:has(> .computer-nav__navicon) > .computer-nav__appletter,
[data-theme] .computer-nav__kid-glyph:has(> .computer-nav__navicon) > .computer-nav__appicon,
[data-theme] .computer-nav__proj-ic:has(> .computer-nav__navicon) > .computer-nav__dot,
[data-theme] .computer-nav__proj-ic:has(> .computer-nav__navicon) > .computer-nav__appicon,
[data-theme] .computer-nav__chip-badge:has(> .computer-nav__navicon) > .computer-nav__dot,
[data-theme] .computer-nav__chip-badge:has(> .computer-nav__navicon) > .computer-nav__appletter,
[data-theme] .computer-nav__chip-badge:has(> .computer-nav__navicon) > .computer-nav__appicon {
  display: none;
}
[data-theme] .computer-nav__kid-icbtn {
  position: absolute;
  left: 6px;
  top: 5.5px;
  width: 17px;
  height: 17px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: var(--radius-xs);
  cursor: pointer;
}
[data-theme] .computer-nav__menu--apps .computer-nav__kid-icbtn {
  top: 5px;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-sm);
}
[data-theme] .computer-nav__kid-icbtn:hover,
[data-theme] .computer-nav__kid-icbtn:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--fg) 16%, transparent);
}
[data-theme] .computer-nav__rename-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 24px;
  background: var(--bg-2);
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line));
  border-radius: var(--radius-sm);
  outline: 0;
  color: var(--fg);
  font-family: inherit;
  font-size: 12px;
  font-weight: var(--weight-semibold);
  padding: 0 7px;
}
[data-theme] .computer-nav__kid-wrap > .computer-nav__rename-input {
  position: absolute;
  inset: 2px 3px;
  height: auto;
  width: auto;
}
[data-theme] .computer-nav__kid-wrap.is-renaming .computer-nav__kid-more,
[data-theme] .computer-nav__kid-wrap.is-renaming .computer-nav__kid-icbtn {
  display: none;
}
[data-theme] .computer-nav__newfolder-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-xs);
  color: var(--fg-4);
  cursor: pointer;
}
[data-theme] .computer-nav__newfolder-btn:hover,
[data-theme] .computer-nav__newfolder-btn:focus-visible {
  background: color-mix(in srgb, var(--fg) 10%, transparent);
  color: var(--fg);
}
[data-theme] .computer-nav__newfolder {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 4px;
  margin: 1px 0 3px;
}
[data-theme] .computer-nav__newfolder-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  color: var(--fg-4);
}
[data-theme] .computer-nav__newfolder-ic svg { width: 13px; height: 13px; }
[data-theme] .computer-nav__newfolder[hidden] { display: none; }
.computer-menu-portal {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal, 1000);
}
.computer-menu-scrim {
  position: fixed;
  inset: 0;
  background: transparent;
}
[data-theme] .computer-menu {
  position: fixed;
  width: 198px;
  padding: 5px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  font-family: inherit;
  max-height: calc(100dvh - 16px);
  overflow-y: auto;
}
[data-theme] .computer-menu__scroll {
  max-height: min(44dvh, 320px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
[data-theme] .computer-menu__title {
  font-family: var(--font-mono);
  font-weight: var(--weight-semibold);
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: 5px 8px 4px;
}
[data-theme] .computer-menu__item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  height: 30px;
  padding: 0 8px;
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  font-size: 12.5px;
  font-weight: var(--weight-medium);
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}
[data-theme] .computer-menu__item:hover:not(:disabled),
[data-theme] .computer-menu__item:focus-visible:not(:disabled) {
  background: color-mix(in srgb, var(--fg) 7%, transparent);
  color: var(--fg);
}
[data-theme] .computer-menu__item:disabled {
  opacity: 0.42;
  cursor: default;
}
[data-theme] .computer-menu__item--danger { color: var(--danger-fg); }
[data-theme] .computer-menu__item--danger:hover:not(:disabled),
[data-theme] .computer-menu__item--danger:focus-visible:not(:disabled) {
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
  color: var(--danger-fg);
}
[data-theme] .computer-menu__ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex: 0 0 auto;
  color: var(--fg-3);
}
[data-theme] .computer-menu__item--danger .computer-menu__ic { color: inherit; }
[data-theme] .computer-menu__ic svg { width: 13.5px; height: 13.5px; }
[data-theme] .computer-menu__label {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme] .computer-menu__hint {
  font-family: var(--font-mono);
  font-weight: var(--weight-medium);
  font-size: 9.5px;
  color: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .computer-menu__chev {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  color: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .computer-menu__chev svg { transform: rotate(-90deg); }
[data-theme] .computer-menu__div {
  height: 1px;
  background: var(--line);
  margin: 4px 6px;
}
[data-theme] .computer-menu__proj-ic {
  display: inline-flex;
  color: var(--nav-glyph);
}
[data-theme] .computer-menu__proj-ic svg,
[data-theme] .computer-menu__ic > svg { width: 13.5px; height: 13.5px; }
[data-theme] .computer-menu__emoji { font-size: 12px; line-height: 1; }
[data-theme] .computer-picker {
  padding: 0;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  color: var(--fg-2);
  overflow: visible;
}
.computer-picker::backdrop { background: transparent; }
[data-theme] .computer-picker__pop {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
[data-theme] .computer-picker__tabs {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 2px;
  background: color-mix(in srgb, var(--fg) 5%, transparent);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .computer-picker__tab {
  flex: 1;
  height: 22px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: var(--radius-xs);
  color: var(--fg-3);
  font-size: 11px;
  font-weight: var(--weight-semibold);
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .computer-picker__tab:hover { color: var(--fg-2); }
[data-theme] .computer-picker__tab.is-active {
  background: var(--bg);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}
[data-theme] .computer-picker__pane {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-theme] .computer-picker__pane[hidden] { display: none; }
[data-theme] .computer-picker__colors {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 3px 0;
  position: relative;
}
[data-theme] .computer-picker__color {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-pill);
  border: 0;
  padding: 0;
  cursor: pointer;
  flex: 0 0 auto;
  background: var(--nav-glyph);
}
[data-theme] .computer-picker__color.is-on {
  box-shadow: 0 0 0 2px var(--bg-2), 0 0 0 3.5px var(--fg);
}
[data-theme] .computer-picker__color--custom {
  background: conic-gradient(#ef4444, #f5a13a, #a3e635, #2dd4bf, #5b8def, #d946ef, #ef4444);
  position: relative;
}
[data-theme] .computer-picker__color-dot {
  position: absolute;
  inset: 3px;
  border-radius: var(--radius-pill);
  background: var(--nav-glyph);
  box-shadow: 0 0 0 2px var(--bg-2);
}
[data-theme] .computer-picker__custominput {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
[data-theme] .computer-picker__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  padding-bottom: 2px;
}
[data-theme] .computer-picker__icon {
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  padding: 0;
  color: var(--fg-2);
}
[data-theme] .computer-picker__icon:hover {
  background: color-mix(in srgb, var(--fg) 8%, transparent);
  color: var(--fg);
}
[data-theme] .computer-picker__icon.is-on {
  border-color: color-mix(in srgb, var(--fg) 25%, transparent);
  background: color-mix(in srgb, var(--fg) 7%, transparent);
  color: var(--fg);
}
[data-theme] .computer-picker__icon svg { width: 16px; height: 16px; }
[data-theme] .computer-picker__search {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 9px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-3);
}
[data-theme] .computer-picker__search svg { flex: 0 0 auto; }
[data-theme] .computer-picker__search input {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--fg);
  font-size: 12px;
  font-weight: var(--weight-medium);
}
[data-theme] .computer-picker__search input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .computer-picker__search input::placeholder { color: var(--fg-4); }
[data-theme] .computer-picker__scroll {
  height: 252px;
  overflow-y: auto;
  margin: 0 -3px;
  padding: 0 3px 4px;
}
[data-theme] .computer-picker__catlabel {
  font-family: var(--font-mono);
  font-weight: var(--weight-semibold);
  font-size: 9px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: 8px 2px 4px;
}
[data-theme] .computer-picker__emojigrid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1px;
}
[data-theme] .computer-picker__emoji {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  font-size: 16.5px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}
[data-theme] .computer-picker__emoji:hover {
  background: color-mix(in srgb, var(--fg) 9%, transparent);
}
[data-theme] .computer-picker__none {
  text-align: center;
  color: var(--fg-4);
  font-size: 12px;
  font-weight: var(--weight-medium);
  padding: 28px 8px;
}
[data-theme] .computer-confirm {
  width: 320px;
  padding: 18px 18px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  color: var(--fg-2);
}
.computer-confirm::backdrop { background: rgba(0, 0, 0, 0.45); }
[data-theme="light"] .computer-confirm::backdrop,
:root[data-theme="light"] .computer-confirm::backdrop { background: rgba(15, 23, 42, 0.28); }
[data-theme] .computer-confirm__title {
  font-size: 14.5px;
  font-weight: 650;
  letter-spacing: -0.005em;
  color: var(--fg);
  margin-bottom: 6px;
}
[data-theme] .computer-confirm__body {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--fg-3);
  text-wrap: pretty;
  margin-bottom: 16px;
}
[data-theme] .computer-confirm__body strong {
  color: var(--fg);
  font-weight: var(--weight-semibold);
}
[data-theme] .computer-confirm__acts {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
[data-theme] .computer-confirm__btn--primary {
  background: var(--fg);
  color: var(--bg);
  border-color: transparent;
}
[data-theme] .computer-confirm__btn--primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--fg) 86%, var(--bg));
  color: var(--bg);
}
[data-theme] .computer-nav--collapsed .computer-nav__newfolder,
[data-theme] .computer-nav--collapsed .computer-nav__kid-icbtn,
[data-theme] .computer-nav--collapsed .computer-nav__rename-input {
  display: none;
}
[data-theme] .computer-nav__newchat {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  height: 34px;
  padding: 0 10px;
  margin-bottom: 7px;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--fg) 6%, transparent);
  border: 1px solid var(--line);
  color: var(--fg);
  font-size: 13.5px;
  font-weight: var(--weight-semibold);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-nav__newchat:hover {
  background: color-mix(in srgb, var(--fg) 11%, transparent);
  border-color: var(--line-2);
}
[data-theme] a.computer-nav__newchat {
  text-decoration: none;
  forced-color-adjust: none;
}
[data-theme] a.computer-nav__newchat:hover,
[data-theme] a.computer-nav__newchat:focus-visible { text-decoration: none; }
[data-theme] a.computer-nav__newchat[aria-current="page"] {
  background: color-mix(in srgb, var(--fg) 11%, transparent);
  border-color: var(--line-2);
}
[data-theme] .computer-nav__newchat svg {
  width: 14px;
  height: 14px;
  color: var(--accent-text);
  flex-shrink: 0;
}
[data-theme] .computer-nav__kid-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  flex: 0 0 auto;
  color: var(--fg-4);
}
[data-theme] .computer-nav__kid--chat .computer-nav__time,
[data-theme] .computer-nav__kid--chat .computer-railbadge {
  transition: opacity 0.1s ease;
}
[data-theme] .computer-nav__kid-wrap--chat:hover .computer-nav__time,
[data-theme] .computer-nav__kid-wrap--chat:hover .computer-railbadge {
  opacity: 0;
}
[data-theme] button.computer-nav__kid-ghost--new {
  width: 100%;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
}
[data-theme] button.computer-nav__kid-ghost--new svg { flex: 0 0 auto; }
[data-theme] button.computer-nav__kid-ghost--new:hover { color: var(--fg-2); }
@media (min-width: 1024px) {
  [data-theme] .computer-nav--collapsed .computer-nav__newchat { padding: 0 9px; }
  [data-theme] .computer-nav--collapsed .computer-nav__newchat .computer-nav__label { opacity: 0; }
  [data-theme] .computer-nav--collapsed .computer-nav__menu--chats { display: none; }
}
[data-theme] .computer-nav__filter-btn { position: relative; }
[data-theme] .computer-nav__filter-btn.is-on {
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent-text);
}
[data-theme] .computer-nav__filter-btn.is-on:hover,
[data-theme] .computer-nav__filter-btn.is-on:focus-visible {
  background: color-mix(in srgb, var(--accent) 26%, transparent);
  color: var(--accent-text);
}
[data-theme] .computer-nav__filter-dot {
  position: absolute; top: -1px; right: -1px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 2px var(--rail-bg);
  opacity: 0;
}
[data-theme] .computer-nav__filter-btn.is-on .computer-nav__filter-dot { opacity: 1; }
[data-theme] .computer-menu--filter { width: 214px; }
[data-theme] .computer-menu__item--check { justify-content: flex-start; }
[data-theme] .computer-menu__check {
  margin-left: auto; flex: 0 0 auto;
  width: 16px; height: 16px; border-radius: var(--radius-xs);
  border: 1.5px solid color-mix(in srgb, var(--fg) 42%, transparent);
  display: inline-flex; align-items: center; justify-content: center;
  color: transparent;
}
[data-theme] .computer-menu__item--check:hover .computer-menu__check {
  border-color: color-mix(in srgb, var(--fg) 62%, transparent);
}
[data-theme] .computer-menu__item--check.is-checked { color: var(--fg); }
[data-theme] .computer-menu__item--check.is-checked .computer-menu__check,
[data-theme] .computer-menu__item--check.is-checked:hover .computer-menu__check {
  background: var(--accent); border-color: var(--accent); color: var(--accent-fg);
}
[data-theme] .computer-nav__filter-empty {
  padding: 6px; color: var(--fg-4);
  font-size: 12.5px; font-weight: var(--weight-medium); list-style: none;
}
[data-theme] .computer-nav__filter-empty[hidden] { display: none; }
.os-tooltip--compact {
  z-index: var(--z-tooltip, 9999);
  background: var(--bg-3);
  color: var(--fg);
  border: 1px solid var(--line-2);
  border-radius: 6px;
  padding: 4px 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.25);
}
[data-theme] .computer-npm {
  width: 440px;
  max-width: calc(100vw - 40px);
  padding: 22px 22px 18px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.45);
  color: var(--fg-2);
}
.computer-npm::backdrop { background: rgba(0, 0, 0, 0.5); }
[data-theme="light"] .computer-npm::backdrop { background: rgba(15, 23, 42, 0.32); }

[data-theme] .computer-npm__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .computer-npm__title {
  margin: 0;
  font-family: "Geist", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--fg);
}
[data-theme] .computer-npm__x {
  flex: none;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  forced-color-adjust: none;
}
[data-theme] .computer-npm__x:hover { background: var(--hover-bg); color: var(--fg); }

[data-theme] .computer-npm__iconpick {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  margin: 12px 0 20px;
}
[data-theme] .computer-npm__tile {
  width: 84px;
  height: 84px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 18px;
  background: color-mix(in srgb, var(--nav-accent) 15%, transparent);
  color: var(--nav-glyph);
  cursor: pointer;
  transition: background 0.12s, box-shadow 0.12s;
}
[data-theme] .computer-npm__tile:hover {
  background: color-mix(in srgb, var(--nav-accent) 22%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-accent) 35%, transparent);
}
[data-theme] .computer-npm__tile:focus-visible {
  outline: 2px solid var(--focus, var(--accent));
  outline-offset: 2px;
}
[data-theme] .computer-npm__glyph { display: inline-flex; }
[data-theme] .computer-npm__glyph .computer-nav__navicon {
  position: static;
  inset: auto;
  width: 34px;
  height: 34px;
  background: transparent;
  border-radius: 0;
}
[data-theme] .computer-npm__glyph .computer-nav__navicon svg { width: 34px; height: 34px; }
[data-theme] .computer-npm__glyph .computer-nav__navicon--emoji {
  width: auto;
  height: auto;
  font-size: 40px;
  line-height: 1;
}
[data-theme] .computer-npm__iconlabel {
  border: 0;
  background: transparent;
  font-family: "Geist", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
  cursor: pointer;
  forced-color-adjust: none;
}
[data-theme] .computer-npm__iconlabel:hover { color: var(--fg); }

[data-theme] .computer-npm__label {
  display: block;
  font-family: "Geist", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  margin-bottom: 8px;
}
[data-theme] .computer-npm__input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--line-2);
  border-radius: 10px;
  background: var(--bg);
  color: var(--fg);
  font-family: "Geist", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  outline: none;
}
[data-theme] .computer-npm__input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .computer-npm__input::placeholder { color: var(--fg-4); }
[data-theme] .computer-npm__input.computer-npm__input:focus {
  border: 1px solid var(--accent-2, var(--accent)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}

[data-theme] .computer-npm__acts {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}
[data-theme] .computer-npm__btn {
  height: 40px;
  padding: 0 18px;
  border-radius: 10px;
  border: 1px solid var(--line-2);
  background: var(--bg-2);
  color: var(--fg);
  font-family: "Geist", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  forced-color-adjust: none;
}
[data-theme] .computer-npm__btn:hover { background: var(--hover-bg); }
[data-theme] .computer-npm__btn.is-primary {
  border-color: transparent;
  background: var(--accent);
  color: var(--accent-fg);
}
[data-theme] .computer-npm__btn.is-primary:hover { background: var(--accent-hover, var(--accent)); }
[data-theme] .computer-npm__btn.is-primary:disabled {
  background: var(--bg-3);
  color: var(--fg-4);
  cursor: not-allowed;
}

[data-theme] dialog.oscmdk {
  position: fixed;
  top: 10vh;
  margin: 0 auto;
  padding: 0;
  width: min(620px, calc(100vw - 32px));
  max-height: min(560px, 76vh);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  background: var(--bg-1);
  color: var(--fg);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}
[data-theme] dialog.oscmdk[open] {
  display: flex;
  flex-direction: column;
  animation: oscmdk-in 120ms ease-out;
}
[data-theme] dialog.oscmdk::backdrop {
  background: var(--scrim, rgba(0, 0, 0, 0.5));
}
@keyframes oscmdk-in {
  from { opacity: 0; transform: translateY(-6px) scale(0.99); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] dialog.oscmdk[open] { animation: none; }
}
[data-theme] .oscmdk__inputrow {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border-bottom: 1px solid var(--line);
  flex: 0 0 auto;
  color: var(--fg-3);
}
[data-theme] .oscmdk__input {
  flex: 1 1 auto;
  min-width: 0;
  outline: 0;
  caret-color: var(--accent);
  font-family: var(--font-body);
  font-size: 16px;
}
[data-theme] .oscmdk__input,
[data-theme] .oscmdk__input:focus,
.dark input.oscmdk__input,
.dark input.oscmdk__input:focus {
  min-height: 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--fg) !important;
}
[data-theme] .oscmdk__input::-moz-placeholder, .dark input.oscmdk__input::-moz-placeholder { color: var(--fg-4) !important; }
[data-theme] .oscmdk__input::placeholder,
.dark input.oscmdk__input::placeholder { color: var(--fg-4) !important; }
[data-theme] .oscmdk__esc {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 2px 6px;
  flex: 0 0 auto;
}
[data-theme] .oscmdk__results {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--space-2);
  scroll-padding-block: var(--space-2);
}
[data-theme] .oscmdk__results[aria-busy="true"] { opacity: 0.55; }

[data-theme] .oscmdk__group { padding-bottom: var(--space-1); }
[data-theme] .oscmdk__heading {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: var(--space-2) var(--space-2-5) var(--space-1);
}
[data-theme] .oscmdk__item {
  display: flex;
  align-items: center;
  gap: var(--space-2-5);
  min-height: 44px;
  padding: var(--space-2) var(--space-2-5);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  text-decoration: none;
  cursor: pointer;
}
[data-theme] .oscmdk__item.is-selected {
  background: var(--hover-bg);
  color: var(--fg);
}
[data-theme] .oscmdk__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  color: var(--fg-3);
}
[data-theme] .oscmdk__item.is-selected .oscmdk__icon { color: var(--accent-text); }
[data-theme] .oscmdk__icon--action { color: var(--accent-text); }
[data-theme] .oscmdk__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: var(--weight-semibold);
}
[data-theme] .oscmdk__appicon {
  position: absolute;
  inset: 2px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  background: var(--bg-2);
}
[data-theme] .oscmdk__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
[data-theme] .oscmdk__label {
  font-size: 14px;
  font-weight: var(--weight-medium);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .oscmdk__mark {
  background: transparent;
  color: var(--accent-text);
  font-weight: var(--weight-semibold);
}
[data-theme] .oscmdk__hint {
  font-size: 12px;
  color: var(--fg-4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .oscmdk__meta {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
  letter-spacing: 0.02em;
}
[data-theme] .oscmdk__meta--connected { color: var(--success-fg); }
[data-theme] .oscmdk__meta--attention { color: var(--warning-fg); }
[data-theme] .oscmdk__status {
  padding: var(--space-6) var(--space-4);
  text-align: center;
  color: var(--fg-3);
  font-size: 13.5px;
}
[data-theme] .oscmdk__status--error { color: var(--warning-fg); }
[data-theme] .oscmdk__empty {
  padding: var(--space-7) var(--space-4);
  text-align: center;
  color: var(--fg-3);
}
[data-theme] .oscmdk__empty svg { color: var(--fg-4); }
[data-theme] .oscmdk__empty-title {
  margin: var(--space-2) 0 0;
  color: var(--fg-2);
  font-size: 14px;
  font-weight: var(--weight-medium);
  overflow-wrap: anywhere;
}
[data-theme] .oscmdk__empty-hint {
  margin: var(--space-1) 0 0;
  font-size: 12.5px;
  color: var(--fg-4);
}
[data-theme] .oscmdk__footer {
  display: flex;
  gap: var(--space-4);
  padding: var(--space-2-5) var(--space-4);
  border-top: 1px solid var(--line);
  font-size: 11px;
  color: var(--fg-4);
  flex: 0 0 auto;
}
[data-theme] .oscmdk__footer kbd {
  font-family: var(--font-mono);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1px 5px;
  margin-right: 3px;
}
[data-theme] .oscmdk__footer-brand { margin-left: auto; }
@media (max-width: 640px) {
  [data-theme] dialog.oscmdk {
    top: max(12px, env(safe-area-inset-top));
    width: calc(100vw - 16px);
    max-height: 78vh;
  }
  [data-theme] .oscmdk__footer { display: none; }
  [data-theme] .oscmdk__esc { display: none; }
}

[data-theme] .computer-skills {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4) var(--space-8);
}

[data-theme] .computer-skills__head h1 {
  margin: 0 0 var(--space-2);
  font-family: var(--font-display);
  font-size: 28px;
  color: var(--fg);
}

[data-theme] .computer-skills__head p {
  margin: 0 0 var(--space-5);
  font-size: 14px;
  line-height: 1.6;
  color: var(--fg-3);
  max-width: 56ch;
}

[data-theme] .computer-skills__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

[data-theme] .computer-skill-card {
  padding: var(--space-4);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}

[data-theme] .computer-skill-card.is-disabled {
  opacity: 0.72;
}

[data-theme] .computer-skill-card__head {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
  min-width: 0;
}

[data-theme] .computer-skill-card__name {
  font-weight: var(--weight-semibold);
  font-size: 15px;
  color: var(--fg);
}

[data-theme] .computer-skill-card__slug {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
}
[data-theme] .computer-skill-card__state {
  margin-left: auto;
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  padding: 2px 7px;
  border-radius: var(--radius-pill);
  color: var(--fg-4);
  border: 1px solid var(--line-2);
}

[data-theme] .computer-skill-card__state.is-on {
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line-2));
}

[data-theme] .computer-skill-card__desc {
  margin: 0 0 var(--space-1);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--fg-2);
}

[data-theme] .computer-skill-card__when {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--fg-3);
}

[data-theme] .computer-skill-card__when span {
  font-weight: var(--weight-semibold);
  color: var(--fg-4);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.06em;
  margin-right: 4px;
}

[data-theme] .computer-skill-card__actions {
  margin-top: var(--space-3);
}

[data-theme] .computer-skill-card__toggle {
  font-size: 12.5px;
  font-weight: var(--weight-semibold);
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
}

[data-theme] .computer-skill-card__toggle:hover {
  background: var(--hover-bg);
  color: var(--fg);
}

[data-theme] .computer-connections {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

[data-theme] .computer-connections__row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 5px 6px;
  border-radius: var(--radius-sm);
  min-width: 0;
}

[data-theme] .computer-connections__dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1.5px solid var(--line-2);
}

[data-theme] .computer-connections__dot.is-active {
  border-color: transparent;
  background: var(--accent);
}

[data-theme] .computer-connections__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  color: var(--fg-2);
  text-transform: capitalize;
}

[data-theme] .computer-connections__status {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.07em;
  color: var(--fg-4);
}

[data-theme] .computer-connections__row:has(.is-active) .computer-connections__status {
  color: var(--accent-text);
}

[data-theme] .computer-connections__empty {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--fg-4);
}

[data-theme] .computer-connections__empty-link {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: var(--weight-medium);
}

[data-theme] .computer-connections__empty-link:hover {
  text-decoration: underline;
}
[data-theme] .computer-connections__manage {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  margin-top: var(--space-2);
  padding: 4px 6px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  color: var(--fg-3);
  text-decoration: none;
  transition: color var(--t-base), background var(--t-base);
}

[data-theme] .computer-connections__manage:hover {
  color: var(--fg);
  background: var(--bg-3);
}

[data-theme] .computer-connections__manage svg {
  flex: 0 0 auto;
}
[data-theme] .computer-page--creative-templates .ctpl__head,
[data-theme] .computer-page--creative-templates .ctpl__toolbar,
[data-theme] .computer-page--creative-templates .ctpl__empty,
[data-theme] .crtpl__filters,
[data-theme] .crtpl__wall { max-width: 1240px; margin-inline: auto; }
[data-theme] .crtpl__filters {
  display: flex; align-items: center; gap: var(--space-3);
  flex-wrap: wrap; padding: 0 var(--space-5); margin-bottom: var(--space-4);
}
[data-theme] .crtpl__kind {
  flex: 0 0 auto; display: inline-flex;
  border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden;
}
[data-theme] .crtpl__kind-btn {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 32px; padding: 6px 14px;
  border-right: 1px solid var(--line);
  color: var(--fg-3); font-size: 13px; font-weight: var(--weight-medium);
  text-decoration: none; white-space: nowrap;
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .crtpl__kind-btn:last-child { border-right: 0; }
[data-theme] .crtpl__kind-btn:hover { color: var(--fg-2); }
[data-theme] .crtpl__kind-btn.is-active { background: var(--bg-2); color: var(--fg); }
[data-theme] .crtpl__kind-btn:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: -2px; }
[data-theme] .crtpl__kind-n { font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); }
[data-theme] .crtpl__kind-btn.is-active .crtpl__kind-n { color: var(--fg-2); }

[data-theme] .crtpl__wall {
  padding: 0 var(--space-5) var(--space-7);
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: var(--space-2);
}
[data-theme] .crtpl__tile {
  position: relative; aspect-ratio: 16 / 9; overflow: hidden;
  border-radius: var(--radius-md); background: var(--bg-1);
  isolation: isolate;
}
[data-theme] .crtpl__poster,
[data-theme] .crtpl__preview {
  position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
}
[data-theme] .crtpl__preview { opacity: 0; pointer-events: none; transition: opacity var(--t-base); }
[data-theme] .crtpl__tile.is-previewing .crtpl__preview { opacity: 1; }
[data-theme] .crtpl__poster,
[data-theme] .crtpl__preview { transition: opacity var(--t-base), transform var(--t-slow) var(--ease-out); }
[data-theme] .crtpl__tile:hover .crtpl__poster,
[data-theme] .crtpl__tile:hover .crtpl__preview,
[data-theme] .crtpl__tile:focus-within .crtpl__poster,
[data-theme] .crtpl__tile:focus-within .crtpl__preview { transform: scale(1.03); }
[data-theme] .crtpl__mark {
  position: absolute; top: var(--space-2); left: var(--space-2); z-index: 2;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 9px; border-radius: var(--radius-pill);
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  background: color-mix(in srgb, var(--bg) 84%, transparent);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  color: var(--accent-text); font-size: 11px; font-weight: var(--weight-medium);
  white-space: nowrap; transition: opacity var(--t-base);
  pointer-events: none;
}
[data-theme] .crtpl__mark--featured { color: var(--fg-2); }
[data-theme] .crtpl__tag {
  position: absolute; top: var(--space-2); right: var(--space-2); z-index: 2;
  padding: 2px 8px; border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg) 82%, transparent);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  color: var(--fg-2);
  font-family: var(--font-mono); font-size: 10px;
  text-transform: uppercase; letter-spacing: 0.05em;
  white-space: nowrap; transition: opacity var(--t-base);
  pointer-events: none;
}
[data-theme] .crtpl__tile:has(.crtpl__tag) .crtpl__ph-style { visibility: hidden; }
[data-theme] .crtpl__tile:hover .crtpl__mark,
[data-theme] .crtpl__tile:focus-within .crtpl__mark,
[data-theme] .crtpl__tile:hover .crtpl__tag,
[data-theme] .crtpl__tile:focus-within .crtpl__tag { opacity: 0; }
[data-theme] .crtpl__reveal {
  position: absolute; inset: 0; z-index: 3;
  display: flex; flex-direction: column; justify-content: flex-end; gap: 4px;
  padding: var(--space-3);
  background: linear-gradient(to top,
    color-mix(in srgb, #000 88%, transparent) 0%,
    color-mix(in srgb, #000 74%, transparent) 40%,
    transparent 72%);
  opacity: 0;
  transition: opacity var(--t-base);
}
[data-theme] .crtpl__tile:hover .crtpl__reveal,
[data-theme] .crtpl__tile:focus-within .crtpl__reveal { opacity: 1; }
[data-theme] .crtpl__reveal-title,
[data-theme] .crtpl__reveal-desc,
[data-theme] .crtpl__reveal-meta {
  transform: translateY(8px);
  transition: transform var(--t-base) var(--ease-out);
}
[data-theme] .crtpl__tile:hover .crtpl__reveal-title,
[data-theme] .crtpl__tile:hover .crtpl__reveal-desc,
[data-theme] .crtpl__tile:hover .crtpl__reveal-meta,
[data-theme] .crtpl__tile:focus-within .crtpl__reveal-title,
[data-theme] .crtpl__tile:focus-within .crtpl__reveal-desc,
[data-theme] .crtpl__tile:focus-within .crtpl__reveal-meta { transform: none; }
[data-theme] .crtpl__reveal-title {
  margin: 0; font-size: 15px; font-weight: var(--weight-semibold);
  color: #fff; text-wrap: balance;
}
[data-theme] .crtpl__reveal-desc {
  margin: 0; font-size: 12.5px; line-height: 1.45;
  color: color-mix(in srgb, #fff 78%, transparent);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme] .crtpl__reveal-meta {
  margin: 0; font-family: var(--font-mono); font-size: 10.5px;
  color: color-mix(in srgb, #fff 62%, transparent);
  text-transform: uppercase; letter-spacing: 0.04em;
}
[data-theme] .crtpl__reveal-cta {
  align-self: flex-start; margin-top: var(--space-2);
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 32px; padding: 6px 14px;
  border: 1px solid var(--accent); border-radius: var(--radius-md);
  background: var(--accent); color: var(--accent-fg);
  font-size: 12.5px; font-weight: var(--weight-semibold); text-decoration: none;
  forced-color-adjust: none;
}
[data-theme] .crtpl__reveal-cta::after { content: ""; position: absolute; inset: 0; z-index: 1; }
[data-theme] .crtpl__reveal-cta:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); color: var(--accent-fg); }
[data-theme] .crtpl__reveal-cta:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 2px; }
[data-theme] .crtpl__ph {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: space-between;
  padding: var(--space-3) var(--space-4);
  background:
    repeating-linear-gradient(90deg,
      color-mix(in srgb, var(--fg) 4%, transparent) 0 1px,
      transparent 1px 24px),
    var(--bg-1);
}
[data-theme] .crtpl__ph-style {
  font-size: 11px; font-weight: var(--weight-medium); color: var(--fg-3);
  text-transform: uppercase; letter-spacing: 0.06em;
  align-self: flex-end; text-align: right; max-width: 60%;
}
[data-theme] .crtpl__ph[hidden] { display: none; }
[data-theme] .crtpl__ph-strip { display: flex; gap: 6px; flex-wrap: wrap; }
[data-theme] .crtpl__ph-cell {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 34px; height: 24px; padding: 0 6px;
  border: 1px solid var(--line); border-radius: var(--radius-xs);
  background: var(--bg-2); color: var(--fg-3);
  font-family: var(--font-mono); font-size: 10px;
}
[data-theme] .crtpl__ph-cell--more { color: var(--fg-4); }
[data-theme] .crtpl__ph-meta {
  font-family: var(--font-mono); font-size: 11px; color: var(--fg-4);
  text-transform: uppercase; letter-spacing: 0.04em;
}
[data-theme] .crtpl__lede-touch { display: none; }
@media (hover: none) {
  [data-theme] .crtpl__lede-hover { display: none; }
  [data-theme] .crtpl__lede-touch { display: inline; }
}
[data-theme] .crtpl-show__appchip {
  display: inline-flex; align-items: center; gap: 4px;
  margin-top: var(--space-2);
  padding: 2px 8px; border-radius: var(--radius-pill);
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  background: var(--bg); color: var(--accent-text);
  font-size: 12px; font-weight: var(--weight-medium); white-space: nowrap;
}
[data-theme] .computer-page--creative-template { overflow-y: auto; }
[data-theme] .crtpl-show { max-width: 980px; margin: 0 auto; padding: var(--space-5) var(--space-5) var(--space-7); }
[data-theme] .crtpl-show__crumbs { margin-bottom: var(--space-3); }
[data-theme] .crtpl-show__back {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-size: 13px; color: var(--fg-3); text-decoration: none;
}
[data-theme] .crtpl-show__back:hover { color: var(--fg); }
[data-theme] .crtpl-show__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
[data-theme] .crtpl-show__title {
  display: flex; align-items: center; gap: var(--space-2); margin: 0;
  font-size: 24px; font-weight: var(--weight-bold); color: var(--fg);
}
[data-theme] .crtpl-show__title svg { color: var(--accent-text); }
[data-theme] .crtpl-show__lede { margin: var(--space-2) 0 0; font-size: 14px; color: var(--fg-3); max-width: 62ch; }
[data-theme] .crtpl-show__byline { margin: var(--space-2) 0 0; font-size: 12px; color: var(--fg-4); }
[data-theme] .crtpl-show__meta-mono { font-family: var(--font-mono); font-size: 11px; color: var(--fg-3); }

[data-theme] .crtpl-show__preview {
  position: relative; border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--bg-1); overflow: hidden; margin-bottom: var(--space-4);
}
[data-theme] .crtpl-show__video,
[data-theme] .crtpl-show__poster { display: block; width: 100%; max-height: 60vh; -o-object-fit: contain; object-fit: contain; background: var(--bg-1); }
[data-theme] .crtpl-show__preview-tag {
  position: absolute; top: var(--space-2); left: var(--space-2); z-index: 1;
  padding: 2px 8px; border: 1px solid var(--line); border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--bg) 82%, transparent); color: var(--fg-3);
  font-family: var(--font-mono); font-size: 10px;
  text-transform: uppercase; letter-spacing: 0.05em;
}
[data-theme] .crtpl__ph--show { position: relative; inset: auto; aspect-ratio: 16 / 9; }

[data-theme] .crtpl-show__cta-row {
  display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap;
  margin-bottom: var(--space-4);
}
[data-theme] .crtpl-show__use {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 8px 16px; min-height: 36px; border: 1px solid var(--accent);
  border-radius: var(--radius-md); background: var(--accent); color: var(--accent-fg);
  font-size: 13px; font-weight: var(--weight-semibold); cursor: pointer;
  forced-color-adjust: none;
}
[data-theme] .crtpl-show__use:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); color: var(--accent-fg); }
[data-theme] .crtpl-show__use:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: 2px; }
[data-theme] .crtpl-show__use[disabled] { opacity: 0.6; cursor: progress; }
[data-theme] .crtpl-show__use-hint { font-size: 12px; color: var(--fg-4); max-width: 46ch; }
[data-theme] .crtpl-show__cta-row--app { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
[data-theme] .crtpl-show__use-form { display: flex; flex-direction: column; gap: var(--space-1); }
[data-theme] .crtpl-show__app-label { font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-2); }
[data-theme] .crtpl-show__app-row { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .crtpl-show__app-select {
  min-width: 220px; max-width: 100%; padding: 7px 10px; min-height: 36px;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1); color: var(--fg); font-size: 13px;
}
[data-theme] .crtpl-show__app-select:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: -1px; }
[data-theme] .crtpl-show__app-hint { margin: 0; font-size: 12px; color: var(--fg-3); max-width: 62ch; }
[data-theme] .crtpl-show__refresh { display: inline-flex; }

[data-theme] .crtpl-show__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-5); }
[data-theme] .crtpl-show__chip {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 4px 10px; border: 1px solid var(--line); border-radius: var(--radius-pill);
  background: var(--bg-2); color: var(--fg-2); font-size: 12px;
}
[data-theme] .crtpl-show__chip svg { color: var(--fg-3); }

[data-theme] .crtpl-show__h2 {
  display: flex; align-items: center; gap: var(--space-2);
  margin: 0 0 var(--space-2); font-size: 15px; font-weight: var(--weight-semibold); color: var(--fg);
}
[data-theme] .crtpl-show__h2 svg { color: var(--fg-3); }
[data-theme] .crtpl-show__note { margin: 0 0 var(--space-3); font-size: 12px; color: var(--fg-4); max-width: 68ch; }

[data-theme] .crtpl-show__cast { margin-bottom: var(--space-5); }
[data-theme] .crtpl-show__cast-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-3);
}
[data-theme] .crtpl-show__cast-card {
  display: flex; gap: var(--space-3); align-items: flex-start;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2); padding: var(--space-3);
}
[data-theme] .crtpl-show__cast-avatar {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid var(--line); background: var(--bg-1); color: var(--fg-3);
}
[data-theme] .crtpl-show__cast-name { margin: 0; font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .crtpl-show__cast-desc { margin: var(--space-1) 0 0; font-size: 12px; color: var(--fg-3); }
[data-theme] .crtpl-show__flowmap { margin-bottom: var(--space-5); }

[data-theme] .crtpl-show__shots { margin-bottom: var(--space-5); }
[data-theme] .crtpl-show__shot-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .crtpl-show__shot {
  display: flex; gap: var(--space-3); align-items: flex-start;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-2); padding: var(--space-3) var(--space-4);
}
[data-theme] .crtpl-show__shot-n {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px;
  color: var(--fg-4); letter-spacing: 0.05em; padding-top: 3px;
}
[data-theme] .crtpl-show__shot-body { min-width: 0; }
[data-theme] .crtpl-show__shot-row { display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .crtpl-show__shot-title { margin: 0; font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .crtpl-show__shot-camera { font-size: 11px; color: var(--fg-3); text-transform: capitalize; }
[data-theme] .crtpl-show__shot-dur { font-family: var(--font-mono); font-size: 11px; color: var(--fg-4); }
[data-theme] .crtpl-show__shot-desc { margin: var(--space-1) 0 0; font-size: 13px; color: var(--fg-2); }
[data-theme] .crtpl-show__shot-vo { margin: var(--space-1) 0 0; font-size: 12px; font-style: italic; color: var(--fg-3); }
[data-theme] .crtpl-show__manage { border-top: 1px solid var(--line); padding-top: var(--space-4); }
[data-theme] .crtpl-show__manage-row { display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-theme] .crtpl-show__ghost {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 6px 12px; min-height: 32px;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg); color: var(--fg-2);
  font-size: 12px; font-weight: var(--weight-medium); cursor: pointer;
}
[data-theme] .crtpl-show__ghost:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .crtpl-show__ghost--export { margin-top: var(--space-3); text-decoration: none; }
[data-theme] .crtpl-show__ghost--danger:hover {
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line));
}
[data-theme] .crtpl-save__btn {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 3px 8px; border: 1px solid var(--line); border-radius: var(--radius-pill);
  background: var(--bg-2); color: var(--fg-3);
  font-size: 11px; font-weight: var(--weight-medium); cursor: pointer;
  transition: color var(--t-base), border-color var(--t-base);
}
[data-theme] .crtpl-save__btn:hover { color: var(--fg); border-color: var(--fg-4); }
@media (max-width: 640px) {
  [data-theme] .crtpl-save__btn-label { display: none; }
  [data-theme] .crtpl-save__btn {
    min-width: 32px; min-height: 32px; justify-content: center;
  }
}

[data-theme] .crtpl-save__modal { max-width: 440px; }
[data-theme] .crtpl-save__x {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border: 0; border-radius: var(--radius-sm);
  background: transparent; color: var(--fg-3); cursor: pointer;
}
[data-theme] .crtpl-save__x:hover { color: var(--fg); background: color-mix(in srgb, var(--fg) 8%, transparent); }
[data-theme] .crtpl-save__hint { margin: 0 0 var(--space-3); font-size: 12px; color: var(--fg-4); }
[data-theme] .crtpl-save__label {
  display: block; margin: var(--space-3) 0 var(--space-1);
  font-size: 12px; font-weight: var(--weight-medium); color: var(--fg-2);
}
[data-theme] .crtpl-save__input {
  width: 100%; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg-1); color: var(--fg); font-size: 14px;
}
[data-theme] .crtpl-save__input:focus-visible { outline: 2px solid var(--focus-ring-color); outline-offset: -1px; }
[data-theme] .crtpl-save__input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .crtpl-save__input::placeholder { color: var(--fg-4); }
[data-theme] .crtpl-save__textarea { resize: vertical; min-height: 52px; }
[data-theme] .crtpl-save__select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
[data-theme] .crtpl-save__vis { margin: var(--space-3) 0 0; padding: 0; border: 0; }
[data-theme] .crtpl-save__radio {
  display: flex; gap: var(--space-2); align-items: flex-start;
  padding: var(--space-2) 0; cursor: pointer;
}
[data-theme] .crtpl-save__radio input { margin-top: 3px; accent-color: var(--accent); }
[data-theme] .crtpl-save__radio-text { display: flex; flex-direction: column; gap: 1px; font-size: 13px; color: var(--fg); }
[data-theme] .crtpl-save__radio-hint { font-size: 12px; color: var(--fg-4); }
[data-theme] .crtpl-save__cancel {
  display: inline-flex; align-items: center; padding: 6px 12px; min-height: 32px;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--bg); color: var(--fg-2); font-size: 13px; cursor: pointer;
}
[data-theme] .crtpl-save__cancel:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .crtpl-save__submit {
  display: inline-flex; align-items: center; padding: 6px 14px; min-height: 32px;
  border: 1px solid var(--accent); border-radius: var(--radius-md);
  background: var(--accent); color: var(--accent-fg);
  font-size: 13px; font-weight: var(--weight-semibold); cursor: pointer;
  forced-color-adjust: none;
}
[data-theme] .crtpl-save__submit:hover { background: color-mix(in srgb, var(--accent) 88%, var(--bg)); }
[data-theme] .crtpl-kickoff { padding: var(--space-1) var(--space-3) var(--space-2); }
[data-theme] .crtpl-kickoff__chip {
  display: inline-flex; align-items: center; gap: var(--space-1);
  padding: 4px 10px; border: 1px solid var(--line); border-radius: var(--radius-pill);
  background: var(--bg-2); color: var(--fg-2);
  font-size: 12px; cursor: pointer;
  transition: color var(--t-base), border-color var(--t-base);
}
[data-theme] .crtpl-kickoff__chip:hover { color: var(--fg); border-color: var(--fg-4); }
[data-theme] .crtpl-kickoff__chip svg { color: var(--fg-3); }
[data-theme] a.starter-tile { text-decoration: none; }
[data-theme] .starter-tile-ext { display: inline-flex; margin-left: auto; color: var(--fg-4); }
[data-theme] .starter-tile-ext svg { width: 12px; height: 12px; }
@media (hover: none) {
  [data-theme] .crtpl__reveal {
    opacity: 1;
    background: linear-gradient(to top,
      color-mix(in srgb, #000 88%, transparent) 0%,
      color-mix(in srgb, #000 74%, transparent) 33%,
      transparent 60%);
  }
  [data-theme] .crtpl__reveal-title,
  [data-theme] .crtpl__reveal-desc,
  [data-theme] .crtpl__reveal-meta { transform: none; }
  [data-theme] .crtpl__reveal-desc { display: none; }
  [data-theme] .crtpl__mark { opacity: 1; }
  [data-theme] .crtpl__tag { opacity: 1; }
  [data-theme] .crtpl__reveal-cta {
    background: color-mix(in srgb, #000 45%, transparent);
    border-color: color-mix(in srgb, #fff 45%, transparent);
    color: #fff;
  }
  [data-theme] .crtpl__reveal-cta:hover { background: color-mix(in srgb, #000 45%, transparent); color: #fff; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .crtpl__tile,
  [data-theme] .crtpl__poster,
  [data-theme] .crtpl__preview,
  [data-theme] .crtpl__reveal,
  [data-theme] .crtpl__mark,
  [data-theme] .crtpl__kind-btn,
  [data-theme] .crtpl-kickoff__chip,
  [data-theme] .crtpl-save__btn { transition: none; }
  [data-theme] .crtpl__tile:hover .crtpl__poster,
  [data-theme] .crtpl__tile:hover .crtpl__preview,
  [data-theme] .crtpl__tile:focus-within .crtpl__poster,
  [data-theme] .crtpl__tile:focus-within .crtpl__preview { transform: none; }
  [data-theme] .crtpl__reveal { transform: none; }
}

@media (max-width: 640px) {
  [data-theme] .crtpl__wall { grid-template-columns: 1fr; gap: var(--space-3); }
  [data-theme] .crtpl__filters { padding-inline: var(--space-4); gap: var(--space-2); }
  [data-theme] .crtpl__kind { display: flex; width: 100%; }
  [data-theme] .crtpl__kind-btn { flex: 1 1 0; justify-content: center; min-height: 40px; }
  [data-theme] .crtpl-show { padding-top: var(--space-4); }
  [data-theme] .crtpl-show__head { flex-direction: column; }
  [data-theme] .crtpl-show__shot { flex-direction: column; gap: var(--space-1); }
}
[data-theme] .computer-chat-flowrun { display: none; }
[data-theme] .computer-chat-flowrun:has(.computer-flowrun) {
  display: block;
  border-top: 1px solid var(--line);
  padding: var(--space-4) var(--space-6);
  max-width: 820px; width: 100%; margin: 0 auto;
  flex: 0 0 auto;
}
[data-theme] .computer-page--studio .computer-chat-flowrun:has(.computer-flowrun) {
  max-width: none; margin: 0;
  padding-left: 0; padding-right: 0;
}
[data-theme] .computer-flowrun { display: flex; flex-direction: column; gap: var(--space-3); }
[data-theme] .computer-flowrun__head {
  display: flex; align-items: center; gap: var(--space-2); min-width: 0; cursor: pointer;
}
[data-theme] .computer-flowrun__icon { color: var(--accent-text); display: inline-flex; flex: 0 0 auto; }
[data-theme] .computer-flowrun__title {
  flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 13.5px; font-weight: var(--weight-bold); color: var(--fg); margin: 0;
}
[data-theme] .computer-flowrun__meta {
  font-family: var(--font-mono); font-size: 11px; color: var(--fg-3);
  flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .computer-flowrun__note {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 11.5px; color: var(--fg-3); text-align: right;
}
[data-theme] .computer-flowrun__ctlform { display: inline-flex; flex: 0 0 auto; }
[data-theme] .computer-flowrun__ctl {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px; font-family: var(--font-body); font-size: 11.5px;
  font-weight: var(--weight-medium); color: var(--fg-2);
  background: transparent; border: 1px solid var(--line); border-radius: var(--radius-pill);
  cursor: pointer;
  transition: color var(--t-base), background var(--t-base), border-color var(--t-base);
}
[data-theme] .computer-flowrun__ctl:hover {
  color: var(--fg); background: var(--hover-bg); border-color: var(--hover-border);
}
[data-theme] .computer-flowrun__ctl:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-flowrun__chevron {
  margin-left: auto; color: var(--fg-4); display: inline-flex; flex: 0 0 auto;
  transition: transform var(--t-base);
}
[data-theme] .computer-flowrun--collapsed .computer-flowcanvas { display: none; }
[data-theme] .computer-flowrun--collapsed .computer-flowrun__chevron { transform: rotate(-90deg); }
[data-theme] .computer-flowcanvas { min-width: 0; }
[data-theme] .computer-flowcanvas__wrap { position: relative; width: 100%; }
[data-theme] .computer-flowcanvas__strip {
  display: flex; align-items: stretch; gap: 28px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-padding-left: 4px;
  padding: 2px 4px var(--space-2);
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[data-theme] .computer-flowcanvas__strip::-webkit-scrollbar { display: none; }
[data-theme] .computer-flowcanvas__fade {
  position: absolute; top: 0; bottom: 0; width: 48px;
  pointer-events: none; z-index: 2;
  opacity: 0; transition: opacity var(--t-base);
}
[data-theme] .computer-flowcanvas__fade--left {
  left: 0;
  background: linear-gradient(to right, var(--bg) 0%, color-mix(in srgb, var(--bg) 70%, transparent) 60%, transparent 100%);
}
[data-theme] .computer-flowcanvas__fade--right {
  right: 0;
  background: linear-gradient(to left, var(--bg) 0%, color-mix(in srgb, var(--bg) 70%, transparent) 60%, transparent 100%);
}
[data-theme] .computer-flowcanvas--live .computer-flowcanvas__fade--right {
  opacity: 1;
}
@media (min-width: 641px) {
  [data-theme] .computer-flowcanvas__fade { width: 72px; }
  [data-theme] .computer-flowcanvas__fade--left {
    background: linear-gradient(to right, var(--bg) 0%, var(--bg) 16%, color-mix(in srgb, var(--bg) 70%, transparent) 62%, transparent 100%);
  }
  [data-theme] .computer-flowcanvas__fade--right {
    background: linear-gradient(to left, var(--bg) 0%, var(--bg) 16%, color-mix(in srgb, var(--bg) 70%, transparent) 62%, transparent 100%);
  }
  [data-theme] .computer-flowcanvas__fade::after {
    content: ""; position: absolute; top: 50%;
    width: 8px; height: 8px; margin-top: -4px;
    border-top: 1.5px solid var(--fg-2); border-right: 1.5px solid var(--fg-2);
  }
  [data-theme] .computer-flowcanvas__fade--right::after { right: 10px; transform: rotate(45deg); }
  [data-theme] .computer-flowcanvas__fade--left::after { left: 10px; transform: rotate(-135deg); }
}
[data-theme] .computer-flowcanvas__step {
  position: relative;
  flex: 0 0 auto; scroll-snap-align: start;
  display: flex; flex-direction: column; gap: var(--space-2);
  width: 216px;
  padding: var(--space-3);
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .computer-flowcanvas__step + .computer-flowcanvas__step::before {
  content: ""; position: absolute; top: 50%; left: -24px;
  width: 20px; height: 1px; background: var(--line);
}
[data-theme] .computer-flowcanvas__step + .computer-flowcanvas__step::after {
  content: ""; position: absolute; top: 50%; left: -10px;
  width: 6px; height: 6px; margin-top: -3.5px;
  border-top: 1px solid var(--fg-4); border-right: 1px solid var(--fg-4);
  transform: rotate(45deg);
}
[data-theme] .computer-flowcanvas__step-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
}
[data-theme] .computer-flowcanvas__kicker {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; color: var(--fg-4);
}
[data-theme] .computer-flowcanvas__pill {
  flex: 0 0 auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--radius-pill); padding: 1px 7px;
  color: var(--fg-3); background: var(--bg-3); border: 1px solid var(--line);
}
[data-theme] .computer-flowcanvas__pill--frame {
  color: var(--queued-fg);
  background: color-mix(in srgb, var(--queued-fg) 10%, var(--bg-1));
  border-color: color-mix(in srgb, var(--queued-fg) 45%, var(--line));
}
[data-theme] .computer-flowcanvas__pill--rendering {
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 10%, var(--bg-1));
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  animation: computer-flowcanvas-pulse var(--t-pulse) ease-in-out infinite;
}
[data-theme] .computer-flowcanvas__pill--done {
  color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
  background: color-mix(in srgb, var(--success-fg) 14%, var(--bg-1));
  border-color: var(--success-fg);
}
[data-theme] .computer-flowcanvas__pill--failed {
  color: var(--danger-fg);
  background: color-mix(in srgb, var(--danger-fg) 10%, var(--bg-1));
  border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line));
}
[data-theme] .computer-flowcanvas__pill--decide {
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 10%, var(--bg-1));
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}
@keyframes computer-flowcanvas-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .computer-flowcanvas__pill--rendering { animation: none; }
}
[data-theme] .computer-flowcanvas__media {
  position: relative;
  aspect-ratio: 16 / 9; border-radius: calc(var(--radius-sm) - 2px);
  background: var(--bg-3); border: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
[data-theme] .computer-flowcanvas__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;
}
[data-theme] .computer-flowcanvas__media-empty { color: var(--fg-4); display: inline-flex; }

[data-theme] .computer-flowcanvas__step-title {
  font-size: 12.5px; font-weight: var(--weight-medium); color: var(--fg); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme] .computer-flowcanvas__hint { font-size: 11.5px; color: var(--fg-3); margin: 0; }
[data-theme] .computer-flowcanvas__hint--quiet { color: var(--fg-4); }
[data-theme] .computer-flowcanvas__choices {
  display: flex; flex-direction: column; gap: 4px;
}
[data-theme] .computer-flowcanvas__choices form { display: block; }
[data-theme] .computer-flowcanvas__choice {
  display: flex; align-items: center; gap: 6px; width: 100%;
  min-height: 32px; padding: 5px 8px;
  font-size: 12px; text-align: left; color: var(--fg-2);
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--radius-sm); cursor: pointer;
}
[data-theme] .computer-flowcanvas__choice:hover {
  color: var(--fg); background: var(--hover-bg);
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}
[data-theme] .computer-flowcanvas__choice:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .computer-flowcanvas__choice svg { flex: 0 0 auto; color: var(--accent-text); }
[data-theme] .computer-flowcanvas__decided {
  display: inline-flex; align-items: center; gap: 5px; margin: 0;
  font-size: 12px; color: color-mix(in srgb, var(--success-fg) 32%, var(--fg-2));
}
[data-theme] .computer-flowcanvas__knobs { display: flex; flex-wrap: wrap; gap: var(--space-1); }
[data-theme] .computer-flowcanvas__knob {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-mono); font-size: 10.5px; color: var(--fg-2);
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 1px 7px; background: var(--bg-3);
}
[data-theme] .computer-flowcanvas__chips { display: flex; flex-wrap: wrap; gap: var(--space-1); }
[data-theme] .computer-flowcanvas__chip {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10.5px; color: var(--fg-2);
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 1px 7px; background: var(--bg-3);
}
[data-theme] .computer-flowcanvas__blocked {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-1);
  padding: var(--space-2); border-radius: calc(var(--radius-sm) - 2px);
  border: 1px solid color-mix(in srgb, var(--danger-fg) 45%, var(--line));
  background: color-mix(in srgb, var(--danger-fg) 8%, var(--bg-1));
}
[data-theme] .computer-flowcanvas__blocked p {
  margin: 0; font-size: 11px; line-height: 1.45; color: var(--fg-2);
}
[data-theme] .computer-flowcanvas__blockedform { margin: 0; }
[data-theme] .computer-flowcanvas__blocked .computer-flowcanvas__action { color: var(--danger-fg); }
[data-theme] .computer-flowcanvas__blocked .computer-flowcanvas__action:hover {
  background: color-mix(in srgb, var(--danger-fg) 14%, transparent);
}
[data-theme] .computer-flowcanvas__more summary {
  font-size: 11px; color: var(--fg-3); cursor: pointer; list-style: none;
  display: inline-flex; align-items: center; gap: 4px;
}
[data-theme] .computer-flowcanvas__more summary::-webkit-details-marker { display: none; }
[data-theme] .computer-flowcanvas__more summary::before {
  content: ""; width: 5px; height: 5px; margin-top: -1px;
  border-top: 1px solid var(--fg-4); border-right: 1px solid var(--fg-4);
  transform: rotate(45deg); transition: transform var(--t-fast);
}
[data-theme] .computer-flowcanvas__more[open] summary::before { transform: rotate(135deg); }
[data-theme] .computer-flowcanvas__more summary:hover { color: var(--fg-2); }
[data-theme] .computer-flowcanvas__more p {
  font-size: 11.5px; line-height: 1.45; color: var(--fg-2); margin: var(--space-1) 0 0;
}
[data-theme] .computer-flowcanvas__motion { color: var(--fg-3); }
[data-theme] .computer-flowcanvas__vo { font-style: italic; color: var(--fg-3); }
[data-theme] .computer-flowcanvas__actions {
  display: flex; align-items: center; gap: var(--space-1);
  margin-top: auto; padding-top: var(--space-2); border-top: 1px solid var(--line);
}
[data-theme] .computer-flowcanvas__action {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 7px; border: 0; background: transparent;
  border-radius: var(--radius-sm); color: var(--fg-3); cursor: pointer;
  font-size: 11px; font-family: var(--font-body);
  transition: color var(--t-base), background var(--t-base);
}
[data-theme] .computer-flowcanvas__action:hover { color: var(--fg); background: var(--hover-bg); }
[data-theme] .computer-flowcanvas__action:focus-visible { outline: none; box-shadow: var(--focus-ring); }
@media (max-width: 640px), (pointer: coarse) {
  [data-theme] .computer-flowcanvas__action { min-height: 32px; }
}
[data-theme] .computer-flowcanvas__editor {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-2); border: 1px solid var(--line);
  border-radius: calc(var(--radius-sm) - 2px); background: var(--bg);
}
[data-theme] .computer-flowcanvas__editor[hidden] { display: none; }
[data-theme] .computer-flowcanvas__editor-row {
  display: flex; align-items: center; gap: var(--space-2);
  font-size: 11px; color: var(--fg-3);
}
[data-theme] .computer-flowcanvas__editor-row > span:first-child { flex: 0 0 44px; }
[data-theme] .computer-flowcanvas__editor-row input,
[data-theme] .computer-flowcanvas__editor-row select {
  flex: 1 1 auto; min-width: 0; width: 100%;
  font-size: 11.5px; color: var(--fg); background: var(--bg-3);
  border: 1px solid var(--line); border-radius: calc(var(--radius-sm) - 2px);
  padding: 4px 7px;
}
[data-theme] .computer-flowcanvas__editor-row input:focus-visible,
[data-theme] .computer-flowcanvas__editor-row select:focus-visible {
  outline: none; box-shadow: var(--focus-ring);
}
[data-theme] .computer-flowcanvas__editor-unit { flex: 0 0 auto; }

@media (max-width: 540px) {
  [data-theme] .computer-flowcanvas__fade { width: 32px; }
  [data-theme] .computer-flowcanvas__step { width: 188px; }
}

[data-theme] .wint-shell {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 32px var(--container-pad) 96px;
}
@media (max-width: 720px) {
  [data-theme] .wint-shell { padding: 20px var(--container-pad-mobile) 64px; }
}
[data-theme] .wint-header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
[data-theme] .wint-header-eyebrow {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--fg-3); margin: 0;
}
[data-theme] .wint-header-title {
  font-family: var(--font-display); font-weight: 700; font-size: 32px;
  line-height: 1.1; letter-spacing: -0.01em; color: var(--fg); margin: 0;
}
@media (max-width: 720px) {
  [data-theme] .wint-header-title { font-size: 26px; }
}
[data-theme] .wint-callout {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 16px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .wint-callout-icon {
  width: 28px; height: 28px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-text);
}
[data-theme] .wint-callout-body { flex: 1 1 auto; min-width: 0; }
[data-theme] .wint-callout-title { margin: 0; font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .wint-callout-text { margin: 2px 0 0; font-size: 13px; color: var(--fg-3); }
[data-theme] .wint-callout-list { margin: 4px 0 0; padding: 0; list-style: none; font-size: 13px; color: var(--fg-2); display: flex; flex-direction: column; gap: 2px; }
[data-theme] .wint-callout-list strong { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .wint-search { display: flex; align-items: stretch; gap: 8px; margin-bottom: 8px; }
[data-theme] .wint-search .wint-btn { height: auto; min-height: 32px; }
[data-theme] .wint-search-box { position: relative; flex: 1 1 auto; min-width: 0; }
[data-theme] .wint-search-icon {
  position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
  width: 15px; height: 15px; color: var(--fg-4); pointer-events: none;
}
[data-theme] .wint-search-input {
  width: 100%; height: 32px;
  min-height: 32px;
  padding: 0 30px 0 32px;
  font-size: 13px; font-family: var(--font-body); color: var(--fg);
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  transition: border-color var(--t-base) ease, box-shadow var(--t-base) ease;
}
@media (max-width: 720px) {
  [data-theme] .wint-search-input { height: 44px; min-height: 44px; font-size: 16px; }
}
[data-theme] .wint-search-input::-moz-placeholder { color: var(--fg-4); }
[data-theme] .wint-search-input::placeholder { color: var(--fg-4); }
[data-theme] .wint-search-input:focus { outline: none; border-color: var(--accent); box-shadow: var(--focus-ring); }
[data-theme] .wint-search-clear {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: var(--radius-xs);
  color: var(--fg-4); transition: color var(--t-base) ease, background var(--t-base) ease;
}
[data-theme] .wint-search-clear:hover { color: var(--fg); background: var(--bg-3); }
[data-theme] .wint-search-hint { margin: 0 0 0 2px; font-size: 12px; color: var(--fg-3); }
[data-theme] .wint-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 32px; padding: 0 14px;
  font-size: 13px; font-weight: var(--weight-semibold); font-family: var(--font-body);
  border-radius: var(--radius-sm); cursor: pointer; white-space: nowrap;
  transition: background var(--t-base) ease, border-color var(--t-base) ease, color var(--t-base) ease;
}
[data-theme] .wint-btn--primary { background: var(--accent); color: var(--accent-fg); border: none; forced-color-adjust: none; }
[data-theme] .wint-btn--primary:hover { background: var(--accent-hover); color: var(--accent-fg); }
[data-theme] .wint-btn--secondary { background: var(--bg-2); color: var(--fg); border: 1px solid var(--line-2); }
[data-theme] .wint-btn--secondary:hover { background: var(--hover-bg); color: var(--fg); border-color: var(--hover-border); }
[data-theme] .wint-btn--ghost { background: var(--bg-2); color: var(--fg-2); border: 1px solid var(--line-2); }
[data-theme] .wint-btn--ghost:hover { background: var(--bg-3); color: var(--fg); }
[data-theme] .wint-btn--danger { background: transparent; color: var(--fg-3); border: 1px solid var(--line-2); }
[data-theme] .wint-btn--danger:hover {
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 50%, var(--line-2));
  background: color-mix(in srgb, var(--danger-fg) 8%, transparent);
}
[data-theme] .wint-btn--block { width: 100%; }
[data-theme] .wint-section { margin-bottom: var(--space-10); }
[data-theme] .wint-section--tight { margin-bottom: var(--space-6); }
[data-theme] .wint-eyebrow-row {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
  gap: 4px 12px; margin-bottom: 12px;
}
[data-theme] .wint-eyebrow {
  font-family: var(--font-mono); font-size: 11px; font-weight: var(--weight-semibold);
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--fg-3); margin: 0;
}
[data-theme] .wint-eyebrow-meta { font-size: 12px; color: var(--fg-3); }
[data-theme] .wint-eyebrow-meta a { color: var(--accent-text); text-decoration: none; }
[data-theme] .wint-eyebrow-meta a:hover { text-decoration: underline; }
[data-theme] .wint-badge {
  display: inline-flex; align-items: center;
  padding: 2px 8px; border-radius: var(--radius-pill);
  font-family: var(--font-mono); font-size: 9.5px; font-weight: var(--weight-bold);
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--fg-3); background: var(--chip-bg); border: 1px solid var(--line);
}
[data-theme] .wint-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
[data-theme] .wint-pill {
  display: inline-flex; align-items: center; height: 28px; padding: 0 12px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
  text-transform: uppercase; white-space: nowrap; text-decoration: none;
  color: var(--fg-3); background: transparent; border: 1px solid var(--line);
  transition: background var(--t-base) ease, color var(--t-base) ease, border-color var(--t-base) ease;
}
[data-theme] .wint-pill:hover { background: var(--bg-2); color: var(--fg); border-color: var(--line-2); }
[data-theme] .wint-pill--active { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); forced-color-adjust: none; }
[data-theme] .wint-pill--active:hover { background: var(--accent-hover); border-color: var(--accent-hover); color: var(--accent-fg); }
[data-theme] .wint-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
[data-theme] .wint-card {
  display: flex; flex-direction: column;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 16px;
  transition: border-color var(--t-base) ease, box-shadow var(--t-base) ease;
}
[data-theme] .wint-card:hover { border-color: var(--line-2); box-shadow: var(--shadow-sm); }
[data-theme] .wint-card--connected { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); }
[data-theme] .wint-card--clickable { cursor: pointer; }
[data-theme] .wint-card--clickable:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

[data-theme] .wint-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
[data-theme] .wint-card-logo { width: 36px; height: 36px; border-radius: var(--radius-sm); -o-object-fit: contain; object-fit: contain; flex: 0 0 auto; }
[data-theme] .wint-card-letter {
  width: 36px; height: 36px; border-radius: var(--radius-sm); flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-3); color: var(--fg-2);
  font-family: var(--font-display); font-weight: 700; font-size: 15px;
}
[data-theme] .wint-card-title { margin: 0; font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .wint-card-title a { color: inherit; text-decoration: none; }
[data-theme] .wint-card-title a:hover { color: var(--accent-text); }
[data-theme] .wint-card-category { margin: 1px 0 0; font-size: 11px; color: var(--fg-4); }
[data-theme] .wint-card-tagline {
  margin: 0 0 10px; font-size: 13px; color: var(--fg-3); line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.9em;
}
[data-theme] .wint-card-meta { display: flex; flex-direction: column; gap: 6px; font-size: 13px; margin-bottom: 12px; }
[data-theme] .wint-card-meta-row { display: flex; justify-content: space-between; gap: 12px; color: var(--fg-3); }
[data-theme] .wint-card-meta-row > span:last-child { color: var(--fg); font-weight: var(--weight-medium); text-align: right; }
[data-theme] .wint-card-actions { display: flex; gap: 8px; margin-top: auto; }
[data-theme] .wint-card-actions .wint-btn { flex: 1 1 0; }
[data-theme] .wint-card-foot { margin-top: 8px; }
[data-theme] .wint-card-foot a { font-size: 12px; color: var(--accent-text); text-decoration: none; }
[data-theme] .wint-card-foot a:hover { text-decoration: underline; }
[data-theme] .wint-app-usage { margin: 0 0 12px; min-width: 0; }
[data-theme] .wint-app-usage-label {
  margin: 0 0 6px; font-family: var(--font-mono); font-size: 10px;
  font-weight: var(--weight-semibold); letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .wint-app-usage-list { display: flex; flex-direction: column; gap: 4px; }
[data-theme] .wint-app-usage-link,
[data-theme] .wint-apps-modal-link {
  display: flex; align-items: center; gap: 8px; min-width: 0;
  color: var(--fg-2); text-decoration: none;
  transition: color var(--t-base) ease, background var(--t-base) ease;
}
[data-theme] .wint-app-usage-link { min-height: 28px; padding: 2px 4px; border-radius: var(--radius-sm); }
[data-theme] .wint-app-usage-link:hover { color: var(--fg); background: var(--bg-3); }
[data-theme] .wint-app-usage-glyph {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; flex: 0 0 auto; border-radius: var(--radius-sm);
  background: var(--bg-3); color: var(--fg-2);
  font-family: var(--font-display); font-size: 11px; font-weight: 700;
}
[data-theme] .wint-app-usage-name,
[data-theme] .wint-apps-modal-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .wint-app-usage-name { font-size: 12px; }
[data-theme] .wint-app-usage-more {
  display: inline-flex; align-items: center; width: -moz-fit-content; width: fit-content; margin: 6px 0 0;
  padding: 0; border: 0; background: transparent; cursor: pointer;
  color: var(--accent-text); font-size: 12px; font-weight: var(--weight-semibold);
}
[data-theme] .wint-app-usage-more:hover { text-decoration: underline; }
[data-theme] .wint-app-usage-empty { margin: 0; font-size: 12px; color: var(--fg-4); }
[data-theme] .wint-apps-modal-frame { display: block; min-height: 0; overflow-y: auto; }
[data-theme] .wint-apps-modal-subhead { margin: 3px 0 0; color: var(--fg-3); font-size: 13px; }
[data-theme] .wint-apps-modal-body { display: flex; flex-direction: column; gap: 16px; }
[data-theme] .wint-apps-search { display: flex; align-items: center; gap: 8px; }
[data-theme] .wint-apps-search > svg { flex: 0 0 auto; color: var(--fg-4); }
[data-theme] .wint-apps-search input {
  min-width: 0; flex: 1 1 auto; height: 32px; padding: 0 10px;
  color: var(--fg); background: var(--bg-1); border: 1px solid var(--line-2);
  border-radius: var(--radius-sm); font: inherit;
}
[data-theme] .wint-apps-search input:focus { outline: 2px solid var(--focus-ring-color); outline-offset: 1px; }
[data-theme] .wint-apps-modal-list { display: flex; flex-direction: column; gap: 6px; }
[data-theme] .wint-apps-modal-link {
  min-height: 40px; padding: 8px; border: 1px solid var(--line); border-radius: var(--radius-sm);
}
[data-theme] .wint-apps-modal-link:hover { color: var(--fg); border-color: var(--line-2); background: var(--bg-3); }
[data-theme] .wint-apps-modal-link > svg { flex: 0 0 auto; margin-left: auto; color: var(--fg-4); }
[data-theme] .wint-apps-modal-empty { margin: 0; color: var(--fg-3); font-size: 13px; }
[data-theme] .wint-apps-pagination { display: flex; justify-content: center; }
[data-theme] .wint-connected {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; font-size: 13px; font-weight: var(--weight-semibold);
  color: var(--success-fg);
}
[data-theme] .wint-empty {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 24px 20px; text-align: center;
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-md);
}
[data-theme] .wint-empty-icon {
  width: 36px; height: 36px; border-radius: var(--radius-sm);
  display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-text);
}
[data-theme] .wint-empty-title { margin: 0; font-size: 14px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .wint-empty-text { margin: 0; font-size: 13px; color: var(--fg-3); max-width: 44ch; }
[data-theme] .wint-browse { margin-top: 24px; text-align: center; }
[data-theme] .wint-card-icon {
  width: 36px; height: 36px; border-radius: var(--radius-sm); flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-3); color: var(--fg-2);
}
[data-theme] .wint-card-icon svg { width: 20px; height: 20px; }
[data-theme] .wint-card-subtitle { margin: 1px 0 0; font-size: 12px; color: var(--fg-3); }
[data-theme] .wint-card-head-status { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: 0 0 auto; }
[data-theme] .wint-card-status-row { margin-bottom: 10px; }
[data-theme] .wint-status {
  display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto;
  padding: 2px 10px; border-radius: var(--radius-pill);
  font-size: 11px; font-weight: var(--weight-semibold); line-height: 1.6;
  white-space: nowrap;
}
[data-theme] .wint-status svg { flex: 0 0 auto; }
[data-theme] .wint-status--connected {
  color: var(--success-fg);
  background: var(--success-bg);
  border: 1px solid color-mix(in srgb, var(--success-fg) 30%, transparent);
}
[data-theme] .wint-status--neutral {
  color: var(--fg-3);
  background: var(--chip-bg);
  border: 1px solid var(--line);
}
[data-theme] .wint-status--warning {
  color: var(--warning-fg);
  background: var(--warning-bg);
  border: 1px solid color-mix(in srgb, var(--warning-fg) 30%, transparent);
}
[data-theme] .wint-stack { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
[data-theme] .wint-panel {
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 12px;
}
[data-theme] .wint-panel-label { margin: 0 0 4px; font-size: 11px; color: var(--fg-4); }
[data-theme] .wint-panel-value {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: var(--weight-medium); color: var(--fg);
  min-width: 0;
}
[data-theme] .wint-panel-value > span { overflow: hidden; text-overflow: ellipsis; }
[data-theme] .wint-panel-icon { flex: 0 0 auto; color: var(--success-fg); }
[data-theme] .wint-panel-hint { margin: 4px 0 0; font-size: 11px; color: var(--fg-4); }
[data-theme] .wint-note {
  display: flex; gap: 10px;
  padding: 12px; border-radius: var(--radius-md);
  font-size: 13px;
}
[data-theme] .wint-note-icon { flex: 0 0 auto; margin-top: 1px; }
[data-theme] .wint-note-title { margin: 0; font-size: 13px; font-weight: var(--weight-semibold); color: var(--fg); }
[data-theme] .wint-note-text { margin: 2px 0 0; font-size: 13px; color: var(--fg-2); }
[data-theme] .wint-note-text:first-child { margin-top: 0; }
[data-theme] .wint-note--info {
  background: var(--info-bg);
  border: 1px solid color-mix(in srgb, var(--info-fg) 30%, transparent);
}
[data-theme] .wint-note--info .wint-note-icon { color: var(--info-fg); }
[data-theme] .wint-note--warning {
  background: var(--warning-bg);
  border: 1px solid color-mix(in srgb, var(--warning-fg) 30%, transparent);
}
[data-theme] .wint-note--warning .wint-note-icon { color: var(--warning-fg); }
[data-theme] .wint-card-lead { margin: 0 0 12px; font-size: 13px; color: var(--fg-3); line-height: 1.5; }
[data-theme] .wint-card-lead strong { color: var(--fg); font-weight: var(--weight-medium); }
[data-theme] .wint-feature-list {
  list-style: none; margin: 0 0 16px; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
}
[data-theme] .wint-feature-item { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--fg-3); }
[data-theme] .wint-feature-item svg { flex: 0 0 auto; margin-top: 1px; color: var(--success-fg); }
[data-theme] .wint-field { margin-bottom: 12px; }
[data-theme] .wint-field-label { display: block; margin: 0 0 4px; font-size: 11px; font-weight: var(--weight-semibold); color: var(--fg-2); }
[data-theme] .wint-field-optional { font-weight: var(--weight-regular); color: var(--fg-4); }
[data-theme] .wint-field-suffix { font-size: 12px; color: var(--fg-3); }
[data-theme] .wint-inline-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--fg-3); text-decoration: none;
  transition: color var(--t-base) ease;
}
[data-theme] .wint-inline-link:hover { color: var(--fg); }
[data-theme] .wint-card-actions + .wint-inline-link { margin-top: 8px; }
[data-theme] .wint-disclosure { margin-top: 12px; }
[data-theme] .wint-disclosure > summary {
  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; list-style: none;
  font-size: 13px; color: var(--fg-3);
  transition: color var(--t-base) ease;
}
[data-theme] .wint-disclosure > summary::-webkit-details-marker { display: none; }
[data-theme] .wint-disclosure > summary:hover { color: var(--fg); }
[data-theme] .wint-disclosure-body {
  margin-top: 12px; padding: 12px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .wint-disclosure-intro { margin: 0 0 12px; font-size: 11px; color: var(--fg-3); line-height: 1.5; }
[data-theme] .wint-disclosure-intro strong { color: var(--fg-2); font-weight: var(--weight-semibold); }
@media (pointer: coarse) {
  [data-theme] .os-arcade { display: none; }
}
[data-theme] .os-arcade-offer {
  position: absolute;
  top: 60px; left: 12px; z-index: 95;
  width: 304px;
  padding: 12px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 12px;
  text-align: left;
  display: flex; flex-direction: column; gap: 10px;
  box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.35), 0 4px 10px rgba(0, 0, 0, 0.16);
  animation: os-arcade-offer-in 0.28s cubic-bezier(0.2, 0.9, 0.2, 1);
}
[data-theme="light"] .os-arcade-offer {
  box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.16), 0 4px 10px rgba(15, 23, 42, 0.07);
}
[data-theme] .os-arcade-offer.hidden { display: none; }
@keyframes os-arcade-offer-in {
  from { opacity: 0; transform: translateX(-10px); }
}

[data-theme] .os-arcade-offer-head { display: flex; align-items: flex-start; gap: 11px; }
[data-theme] .os-arcade-offer-glyph {
  width: 34px; height: 34px; flex-shrink: 0;
  border-radius: 8px;
  background: #060807;
  border: 1px solid var(--line);
  display: inline-flex; align-items: center; justify-content: center;
  color: #45E760;
}
[data-theme] .os-arcade-offer-glyph svg { width: 16px; height: 16px; }
[data-theme] .os-arcade-offer-copy { min-width: 0; }
[data-theme] .os-arcade-offer-title {
  font: 600 13.5px var(--font-sans);
  color: var(--fg);
  letter-spacing: -0.005em;
}
[data-theme] .os-arcade-offer-sub {
  font: 400 12px/1.5 var(--font-sans);
  color: var(--fg-3);
  margin-top: 3px;
}
[data-theme] .os-arcade-offer-x {
  flex-shrink: 0;
  width: 22px; height: 22px;
  margin: -2px -2px 0 0;
  background: transparent;
  border: 0;
  border-radius: 5px;
  color: var(--fg-4);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .os-arcade-offer-x:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .os-arcade-offer-x svg { width: 11px; height: 11px; }
[data-theme] .os-arcade-offer-actions { display: flex; gap: 8px; }
[data-theme] .os-arcade-offer-play {
  flex: 1;
  height: 32px;
  background: var(--accent); color: var(--accent-fg);
  border: 0; border-radius: 8px;
  font: 600 12.5px var(--font-sans);
  cursor: pointer;
  transition: background 0.12s;
  forced-color-adjust: none;
}
[data-theme] .os-arcade-offer-play:hover { background: var(--primary-hover); }
[data-theme] .os-arcade-offer-lb {
  height: 32px; padding: 0 14px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--fg-2);
  font: 600 12.5px var(--font-sans);
  cursor: pointer;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}
[data-theme] .os-arcade-offer-lb:hover { background: var(--bg-2); color: var(--fg); border-color: var(--hover-border); }
[data-theme] .os-arcade-launcher {
  position: absolute;
  left: 12px; bottom: 12px; z-index: 95;
  display: inline-flex; align-items: stretch;
  height: 30px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line));
  background: color-mix(in srgb, var(--accent) 7%, var(--bg));
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.14);
  overflow: hidden;
}
[data-theme="light"] .os-arcade-launcher {
  box-shadow: 0 6px 18px -6px rgba(15, 23, 42, 0.18), 0 2px 6px rgba(15, 23, 42, 0.07);
}
[data-theme] .os-arcade-launcher.hidden { display: none; }

[data-theme] .os-arcade-launcher-play {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 0 11px;
  background: transparent; border: 0;
  color: var(--fg);
  font: 600 12px var(--font-sans);
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .os-arcade-launcher-play:hover { background: color-mix(in srgb, var(--accent) 16%, transparent); }
[data-theme] .os-arcade-launcher-play svg { width: 15px; height: 15px; color: var(--accent-text); }

[data-theme] .os-arcade-launcher-lb {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px;
  background: transparent; border: 0;
  border-left: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  color: var(--fg-3);
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .os-arcade-launcher-lb:hover {
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent-text);
}
[data-theme] .os-arcade-launcher-lb svg { width: 14px; height: 14px; }
[data-theme] .os-arcade-launcher-play:focus-visible,
[data-theme] .os-arcade-launcher-lb:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: -2px;
}
[data-theme] .os-arcade-stage {
  position: absolute;
  inset: 0; z-index: 95;
  display: grid; place-items: center;
  padding: 28px;
  background: var(--bg);
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
[data-theme] .os-arcade-stage.hidden { display: none; }
[data-theme] .os-arcade-stage.os-arcade-leave {
  opacity: 0;
  transform: translateY(-14px);
  pointer-events: none;
}

[data-theme] .os-arcade-game {
  width: 100%; max-width: 880px;
  display: flex; flex-direction: column; gap: 10px;
}
[data-theme] .os-arcade-build {
  display: flex; align-items: center;
  padding: 9px 12px;
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
  border-radius: 9px;
  font: 500 12.5px var(--font-sans);
  color: var(--fg-2);
}
[data-theme] .os-arcade-build.done {
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-2));
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  color: var(--fg);
}
[data-theme] .os-arcade-build.idle {
  background: var(--bg-2);
  border-color: var(--line);
  color: var(--fg-3);
}
[data-theme] .os-arcade-build.idle .os-arcade-pulse,
[data-theme] .os-arcade-build.idle .os-arcade-bar { display: none; }
[data-theme] .os-arcade-build strong { font-weight: 700; color: var(--accent-text); }
[data-theme] .os-arcade-build-working,
[data-theme] .os-arcade-build-done { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
[data-theme] .os-arcade-build-done { display: none; }
[data-theme] .os-arcade-build.done .os-arcade-build-working { display: none; }
[data-theme] .os-arcade-build.done .os-arcade-build-done { display: flex; }
[data-theme] .os-arcade-pulse {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent-text);
  position: relative; flex-shrink: 0;
}
[data-theme] .os-arcade-pulse::after {
  content: '';
  position: absolute; inset: -4px;
  border-radius: 50%;
  background: var(--accent-text);
  opacity: 0.35;
  animation: os-arcade-pulse 1.4s ease-out infinite;
}
@keyframes os-arcade-pulse {
  from { transform: scale(0.6); opacity: 0.35; }
  to { transform: scale(1.6); opacity: 0; }
}
[data-theme] .os-arcade-build-label { flex-shrink: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-theme] .os-arcade-bar {
  flex: 1; height: 3px; min-width: 60px;
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}
[data-theme] .os-arcade-bar-fill {
  position: absolute; top: 0; bottom: 0; left: 0;
  width: 38%;
  border-radius: 999px;
  background: var(--accent);
  animation: os-arcade-slide 1.5s ease-in-out infinite;
}
@keyframes os-arcade-slide {
  0% { transform: translateX(-110%); }
  100% { transform: translateX(290%); }
}
[data-theme] .os-arcade-check {
  width: 18px; height: 18px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .os-arcade-check svg { width: 11px; height: 11px; }
[data-theme] .os-arcade-check--lg { width: 28px; height: 28px; }
[data-theme] .os-arcade-check--lg svg { width: 16px; height: 16px; }
[data-theme] .os-arcade-build-exit {
  margin-left: auto; flex-shrink: 0;
  height: 26px; padding: 0 12px;
  background: var(--accent); color: var(--accent-fg);
  border: 0; border-radius: 7px;
  font: 600 12px var(--font-sans);
  cursor: pointer;
  transition: background 0.12s;
  forced-color-adjust: none;
}
[data-theme] .os-arcade-build-exit:hover { background: var(--primary-hover); }
[data-theme] .os-arcade-frame {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: #060807;
  box-shadow: 0 18px 48px -18px rgba(0, 0, 0, 0.5);
}
[data-theme] .os-arcade-canvas {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
}
[data-theme] .os-arcade-overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
  background: rgba(4, 7, 5, 0.78);
  text-align: center;
}
[data-theme] .os-arcade-overlay.hidden { display: none; }
[data-theme] .os-arcade-overlay h3 {
  margin: 0;
  font: 700 26px var(--font-mono);
  letter-spacing: 0.22em;
  color: #45E760;
  text-shadow: 0 0 18px rgba(69, 231, 96, 0.45);
}
[data-theme] .os-arcade-overlay-sub {
  font: 500 13px var(--font-sans);
  color: #cdd5cd;
}
[data-theme] .os-arcade-overlay-sub--mono {
  font: 600 13px var(--font-mono);
  letter-spacing: 0.12em;
}
[data-theme] .os-arcade-overlay-btns { display: flex; gap: 8px; margin-top: 6px; }
[data-theme] .os-arcade-btn {
  display: inline-flex; align-items: center; gap: 8px;
  height: 32px; padding: 0 14px;
  background: transparent;
  border: 1px solid rgba(205, 213, 205, 0.35);
  border-radius: 7px;
  color: #e8efe8;
  font: 600 11.5px var(--font-mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
[data-theme] .os-arcade-btn:hover { background: rgba(205, 213, 205, 0.1); border-color: rgba(205, 213, 205, 0.6); }
[data-theme] .os-arcade-btn--primary {
  background: #45E760; color: #06170d; border-color: #45E760;
  forced-color-adjust: none;
}
[data-theme] .os-arcade-btn--primary:hover { background: #5fef77; }
[data-theme] .os-arcade-key {
  font-size: 9px; padding: 1px 4px;
  border: 1px solid currentColor;
  border-radius: 3px;
  opacity: 0.65;
}
[data-theme] .os-arcade-hud {
  display: flex; align-items: center; gap: 16px;
  font: 500 11px var(--font-mono);
  letter-spacing: 0.05em;
  color: var(--fg-3);
}
[data-theme] .os-arcade-gameswitch {
  display: inline-flex; align-items: center;
  padding: 2px; gap: 2px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 7px;
  margin-right: 4px;
}
[data-theme] .os-arcade-ags-btn {
  height: 22px; padding: 0 10px;
  background: transparent; border: 0; border-radius: 5px;
  color: var(--fg-3); cursor: pointer;
  font: 600 10.5px var(--font-mono);
  letter-spacing: 0.05em; text-transform: uppercase;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .os-arcade-ags-btn:hover { color: var(--fg); }
[data-theme] .os-arcade-ags-btn.active {
  background: var(--bg);
  color: var(--accent-text);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
[data-theme="light"] .os-arcade-ags-btn.active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); }
[data-theme] .os-arcade-hud-stat strong { color: var(--fg); font-weight: 700; }
[data-theme] .os-arcade-hud-stat--dim { color: var(--fg-4); }
[data-theme] .os-arcade-hud-stat--dim strong { color: var(--fg-3); }
[data-theme] .os-arcade-hud-lives { display: inline-flex; gap: 4px; color: var(--accent-text); }
[data-theme] .os-arcade-hud-lives svg { width: 11px; height: 11px; }
[data-theme] .os-arcade-hud-lives .os-arcade-life-lost { opacity: 0.18; }
[data-theme] .os-arcade-hud-hint { margin-left: auto; color: var(--fg-4); white-space: nowrap; }
[data-theme] .os-arcade-hud-exit {
  display: inline-flex; align-items: center; gap: 6px;
  height: 24px; padding: 0 9px;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--fg-3);
  font: 600 10.5px var(--font-mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
[data-theme] .os-arcade-hud-exit:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .os-arcade-hud-exit .os-arcade-key { border-color: var(--line-2); color: var(--fg-4); }
[data-theme] .os-arcade-scrim {
  position: fixed; inset: 0; z-index: 99;
  background: rgba(8, 9, 10, 0.55);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: grid; place-items: center;
  padding: 28px;
}
[data-theme="light"] .os-arcade-scrim { background: rgba(20, 22, 25, 0.38); }
[data-theme] .os-arcade-scrim.hidden { display: none; }
[data-theme] .os-arcade-modal {
  width: 100%; max-width: 440px;
  max-height: calc(100vh - 56px);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45), 0 6px 18px rgba(0, 0, 0, 0.25);
  display: flex; flex-direction: column;
  overflow: hidden;
}
[data-theme="light"] .os-arcade-modal { box-shadow: 0 24px 80px rgba(20, 22, 25, 0.18), 0 6px 18px rgba(20, 22, 25, 0.08); }
[data-theme] .os-arcade-modal-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px 14px;
  border-bottom: 1px solid var(--line);
  flex: 0 0 auto;
}
[data-theme] .os-arcade-modal-title {
  font: 700 20px var(--font-sans);
  letter-spacing: -0.015em;
  color: var(--fg);
}
[data-theme] .os-arcade-modal-sub {
  font: 400 11.5px var(--font-sans);
  color: var(--fg-3);
  margin-top: 2px;
}
[data-theme] .os-arcade-modal-close {
  width: 30px; height: 30px; border-radius: 8px;
  background: transparent; border: 0;
  color: var(--fg-3); cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
}
[data-theme] .os-arcade-modal-close:hover { background: var(--bg-2); color: var(--fg); }
[data-theme] .os-arcade-modal-close svg { width: 15px; height: 15px; }
[data-theme] .os-arcade-lb-list {
  padding: 8px 10px;
  display: flex; flex-direction: column; gap: 2px;
  overflow-y: auto;
}
[data-theme] .os-arcade-lb-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  font: 500 12.5px var(--font-sans);
}
[data-theme] .os-arcade-lb-row--you {
  background: color-mix(in srgb, var(--accent) 8%, var(--bg));
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
}
[data-theme] .os-arcade-lb-name {
  font-weight: 600; color: var(--fg);
  flex: 1; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme] .os-arcade-lb-row--you .os-arcade-lb-name { color: var(--accent-text); }
[data-theme] .os-arcade-lb-pts {
  font: 600 11.5px var(--font-mono);
  color: var(--fg-2);
  text-align: right;
  margin-left: auto;
}
[data-theme] .os-arcade-lb-rank {
  flex-shrink: 0;
  width: 26px;
  font: 600 11.5px var(--font-mono);
  color: var(--fg-4);
  text-align: center;
}
[data-theme] .os-arcade-lb-row--you .os-arcade-lb-rank { color: var(--accent-text); }
[data-theme] .os-arcade-lb-divider {
  height: 1px;
  margin: 6px 4px;
  background: var(--line);
}
[data-theme] .os-arcade-lb-empty {
  padding: 18px 10px;
  text-align: center;
  font: 400 12px var(--font-sans);
  color: var(--fg-3);
}
[data-theme] .os-arcade-lb-fulllink {
  color: var(--accent-text);
  font-weight: 600;
  text-decoration: none;
}
[data-theme] .os-arcade-lb-fulllink:hover { text-decoration: underline; }
[data-theme] .os-arcade-modal-actions {
  flex: 0 0 auto;
  display: flex;
  padding: 4px 18px 16px;
}
[data-theme] .os-arcade-modal-play {
  flex: 1;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 38px;
  background: var(--accent); color: var(--accent-fg);
  border: 0; border-radius: 9px;
  font: 600 13px var(--font-sans);
  cursor: pointer;
  transition: background 0.12s;
  forced-color-adjust: none;
}
[data-theme] .os-arcade-modal-play:hover { background: var(--primary-hover); }
[data-theme] .os-arcade-modal-play svg { width: 14px; height: 14px; }

[data-theme] .os-arcade-modal-foot {
  padding: 12px 18px;
  border-top: 1px solid var(--line);
  font: 400 11.5px/1.5 var(--font-sans);
  color: var(--fg-3);
}
[data-theme] .os-arcade-toast {
  position: absolute; right: 16px; bottom: 16px; z-index: 95;
  padding: 9px 14px;
  background: var(--bg);
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--accent-text);
  border-radius: 9px;
  font: 600 12px var(--font-mono);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  animation: os-arcade-toast-in 0.25s cubic-bezier(0.2, 0.9, 0.2, 1);
  pointer-events: none;
}
[data-theme] .os-arcade-toast.hidden { display: none; }
@keyframes os-arcade-toast-in {
  from { opacity: 0; transform: translateY(6px); }
}
@media (max-width: 1023px) {
  [data-theme] .os-arcade-stage { padding: 12px; }
  [data-theme] .os-arcade-game { gap: 8px; }
  [data-theme] .os-arcade-offer {
    top: 52px; left: 8px; right: 8px;
    width: auto; max-width: 304px;
  }
  [data-theme] .os-arcade-launcher { left: 8px; bottom: 8px; }
  [data-theme] .os-arcade-toast { right: 8px; bottom: 8px; }
  [data-theme] .os-arcade-hud { flex-wrap: wrap; gap: 8px 12px; }
  [data-theme] .os-arcade-hud-hint {
    order: 99;
    flex-basis: 100%;
    margin-left: 0;
    white-space: normal;
  }
  [data-theme] .os-arcade-hud-exit { margin-left: auto; }
  [data-theme] .os-arcade-build { padding: 8px 10px; }
  [data-theme] .os-arcade-build-label { white-space: normal; }
  [data-theme] .os-arcade-overlay-btns { flex-wrap: wrap; justify-content: center; }
  [data-theme] .os-arcade-overlay h3 { font-size: 21px; }

  [data-theme] .os-arcade-scrim { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .os-arcade-offer,
  [data-theme] .os-arcade-toast { animation: none; }
  [data-theme] .os-arcade-pulse::after,
  [data-theme] .os-arcade-bar-fill { animation: none; }
  [data-theme] .os-arcade-stage { transition: none; }
}
[data-theme] .mc-page {
  min-height: 100vh;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
}

[data-theme] .mc-shell {
  width: min(1560px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 48px;
}

[data-theme] .mc-backline {
  margin-bottom: 12px;
}

[data-theme] .mc-link,
[data-theme] .mc-icon-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--fg-2);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out);
}

[data-theme] .mc-link:hover,
[data-theme] .mc-icon-link:hover {
  color: var(--fg);
}

[data-theme] .mc-icon-link {
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-1);
}

[data-theme] .mc-icon-link:hover {
  border-color: var(--line-2);
  background: var(--bg-2);
}

[data-theme] .mc-muted {
  color: var(--fg-4);
  font-size: 12px;
}

[data-theme] .mc-eyebrow,
[data-theme] .mc-card-kicker {
  margin: 0 0 6px;
  color: var(--accent-text);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

[data-theme] .mc-hero,
[data-theme] .mc-console-bar,
[data-theme] .mc-prompt-strip,
[data-theme] .mc-decision-row,
[data-theme] .mc-launch-card,
[data-theme] .mc-side-note,
[data-theme] .mc-table-card,
[data-theme] .mc-variant-card,
[data-theme] .mc-evidence-matrix,
[data-theme] .mc-run-details {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}

[data-theme] .mc-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 16px;
  padding: 16px;
}

[data-theme] .mc-hero h1,
[data-theme] .mc-console-title h1 {
  margin: 0;
  color: var(--fg);
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.08;
}

[data-theme] .mc-subtitle,
[data-theme] .mc-console-title p,
[data-theme] .mc-side-note p {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--fg-3);
  font-size: 13px;
  line-height: 1.5;
}

[data-theme] .mc-hero-actions,
[data-theme] .mc-console-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

[data-theme] .mc-baseline-card {
  min-width: 220px;
  padding: 12px 14px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

[data-theme] .mc-baseline-card span,
[data-theme] .mc-catalog-summary span,
[data-theme] .mc-stat-card span {
  display: block;
  color: var(--fg-4);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

[data-theme] .mc-baseline-card strong,
[data-theme] .mc-catalog-summary strong,
[data-theme] .mc-stat-card strong {
  display: block;
  margin-top: 4px;
  color: var(--fg);
  font-size: 15px;
}

[data-theme] .mc-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

[data-theme] .mc-stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 12px 14px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

[data-theme] .mc-stat-card svg {
  color: var(--accent-text);
}

[data-theme] .mc-stat-card strong {
  margin: 0;
  font-size: 22px;
  line-height: 1;
}

[data-theme] .mc-table-card,
[data-theme] .mc-catalog-table-wrap {
  overflow: hidden;
}

[data-theme] .mc-table {
  width: 100%;
  border-collapse: collapse;
}

[data-theme] .mc-table th,
[data-theme] .mc-table td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

[data-theme] .mc-table tr:last-child td {
  border-bottom: 0;
}

[data-theme] .mc-table th {
  color: var(--fg-4);
  background: var(--bg-2);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

[data-theme] .mc-table td {
  color: var(--fg-2);
  font-size: 13px;
  line-height: 1.45;
}

[data-theme] .mc-table td strong {
  display: block;
  color: var(--fg);
  font-size: 13px;
  margin-bottom: 4px;
}

[data-theme] .mc-table td span,
[data-theme] .mc-table td code,
[data-theme] .mc-table td p {
  display: block;
  margin: 3px 0 0;
  color: var(--fg-3);
  font-size: 12px;
}

[data-theme] .mc-table td code {
  font-family: var(--font-mono);
  overflow-wrap: anywhere;
}

[data-theme] .mc-table-note {
  margin: 0;
  padding: 12px 16px;
  color: var(--fg-3);
  font-size: 12px;
  border-top: 1px solid var(--line);
}

[data-theme] .mc-new-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
}

[data-theme] .mc-launch-card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 16px;
}

[data-theme] .mc-search-form,
[data-theme] .mc-launch-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

[data-theme] .mc-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

[data-theme] .mc-prompt-textarea {
  min-height: 150px;
}

[data-theme] .mc-catalog-frame {
  display: block;
}

[data-theme] .mc-catalog-loading,
[data-theme] .mc-empty-state,
[data-theme] .mc-preview-placeholder {
  min-height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--fg-3);
  background: var(--bg);
  border: 1px dashed var(--line-2);
  border-radius: var(--radius-md);
  font-size: 13px;
}

[data-theme] .mc-spin {
  animation: spin var(--t-spin, 0.8s) linear infinite;
}

[data-theme] .mc-callout {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--fg-2);
  padding: 12px 14px;
  font-size: 13px;
}

[data-theme] .mc-callout--warning {
  border-color: color-mix(in srgb, var(--warning-fg) 45%, var(--line));
  color: var(--warning-fg);
}

[data-theme] .mc-catalog-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

[data-theme] .mc-catalog-summary > div {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px;
}

[data-theme] .mc-side-note {
  align-self: start;
  position: sticky;
  top: 16px;
  padding: 16px;
}

[data-theme] .mc-side-note h2 {
  margin: 14px 0 8px;
  color: var(--fg);
  font-size: 16px;
}

[data-theme] .mc-launch-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

[data-theme] .mc-launch-actions > span {
  color: var(--fg-3);
  font-size: 13px;
}

[data-theme] .mc-console {
  display: grid;
  gap: 12px;
}

[data-theme] .mc-console-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
}

[data-theme] .mc-prompt-strip {
  padding: 14px 16px;
}

[data-theme] .mc-prompt-body {
  margin: 0;
  color: var(--fg-2);
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.55;
}

[data-theme] .mc-decision-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
}

[data-theme] .mc-decision-row strong {
  display: block;
  color: var(--fg);
  font-size: 15px;
}

[data-theme] .mc-viewport-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 3px;
}

[data-theme] .mc-verdict-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 300px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 3px;
}

[data-theme] .mc-viewport-button,
[data-theme] .mc-verdict-button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 30px;
  min-width: 70px;
  padding: 0 10px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  transition: color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out), opacity var(--t-base) var(--ease-out);
}

[data-theme] .mc-viewport-button.is-active {
  background: var(--bg);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}

[data-theme] .mc-verdict-actions form {
  flex: 1 1 0;
  margin: 0;
}

[data-theme] .mc-verdict-actions .button_to {
  flex: 1 1 0;
}
[data-theme] .mc-verdict-button:hover:not(:disabled),
[data-theme] .mc-verdict-button.is-active {
  background: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}

[data-theme] .mc-verdict-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

[data-theme] .mc-variant-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}

[data-theme] .mc-variant-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  min-width: 0;
}

[data-theme] .mc-variant-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

[data-theme] .mc-variant-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

[data-theme] .mc-label-chip,
[data-theme] .mc-better-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 24px;
  padding: 0 8px;
  color: var(--accent-fg);
  background: color-mix(in srgb, var(--accent) 82%, var(--bg-2));
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 800;
}

[data-theme] .mc-variant-head h2 {
  margin: 0;
  color: var(--fg);
  font-size: 16px;
  line-height: 1.25;
}

[data-theme] .mc-variant-head p {
  margin: 4px 0 0;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.45;
}

[data-theme] .mc-variant-head code {
  color: var(--fg-4);
  overflow-wrap: anywhere;
}

[data-theme] .mc-variant-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

[data-theme] .mc-variant-metrics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 8px 0 2px;
  border-top: 1px solid var(--line);
  color: var(--fg-3);
  font-size: 12px;
}

[data-theme] .mc-variant-metrics span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

[data-theme] .mc-credit-metric {
  flex-wrap: wrap;
}

[data-theme] .mc-credit-policy-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--warning-fg) 34%, transparent);
  color: var(--warning-fg);
  background: var(--warning-bg);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

[data-theme] .mc-cost-source-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--success-fg) 34%, transparent);
  color: var(--success-fg);
  background: color-mix(in srgb, var(--success-fg) 12%, transparent);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

[data-theme] .mc-cost-source-badge.is-pending {
  border-color: color-mix(in srgb, var(--warning-fg) 34%, transparent);
  color: var(--warning-fg);
  background: var(--warning-bg);
}

[data-theme] .mc-cost-source-badge.is-missing {
  border-color: var(--border-2);
  color: var(--fg-3);
  background: var(--bg-2);
}

[data-theme] .mc-cost-source-badge.is-blind {
  border-color: var(--border-2);
  color: var(--fg-3);
  background: var(--bg-2);
}
[data-theme] .mc-cost-source-badge.is-not-measured {
  border-color: var(--border-2);
  color: var(--fg-3);
  background: var(--bg-2);
}
[data-theme] .mc-cost-source-badge.is-drift {
  border-color: color-mix(in srgb, var(--danger-fg) 34%, transparent);
  color: var(--danger-fg);
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
}

[data-theme] .mc-evidence-partial-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--warning-fg) 38%, transparent);
  color: var(--warning-fg);
  background: var(--warning-bg);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

[data-theme] .mc-variant-metrics svg {
  color: var(--fg-4);
}

[data-theme] .mc-validation-profile {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

[data-theme] .mc-validation-profile div,
[data-theme] .mc-phase-row div {
  min-width: 0;
}

[data-theme] .mc-validation-profile span,
[data-theme] .mc-phase-row span {
  display: block;
  margin-bottom: 3px;
  color: var(--fg-4);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

[data-theme] .mc-validation-profile strong,
[data-theme] .mc-phase-row strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--fg-2);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
}

[data-theme] .mc-phase-rows {
  display: grid;
  gap: 6px;
}

[data-theme] .mc-phase-row {
  display: grid;
  grid-template-columns: minmax(100px, 1.35fr) repeat(3, minmax(72px, 1fr));
  gap: 8px;
  padding: 8px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

[data-theme] .mc-preview-shell {
  width: 100%;
  min-height: 420px;
  background: var(--bg);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: max-width var(--t-base) var(--ease-out);
}

[data-theme] .mc-page[data-model-comparison-review-viewport-value="mobile"] .mc-preview-shell {
  max-width: 390px;
  margin: 0 auto;
}

[data-theme] .mc-preview-frame {
  display: block;
  width: 100%;
  height: 440px;
  border: 0;
  background: var(--bg);
}

[data-theme] .mc-page[data-model-comparison-review-viewport-value="mobile"] .mc-preview-frame {
  height: 680px;
}

[data-theme] .mc-preview-placeholder {
  height: 420px;
  min-height: 420px;
  flex-direction: column;
}

[data-theme] .mc-variant-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-top: 2px;
}

[data-theme] .mc-details {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

[data-theme] .mc-details summary {
  color: var(--fg-2);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

[data-theme] .mc-details pre {
  max-height: 280px;
  overflow: auto;
  margin: 12px 0 0;
  padding: 12px;
  color: var(--fg-3);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.5;
}

[data-theme] .mc-review-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 10px;
  align-items: start;
}

[data-theme] .mc-evidence-matrix,
[data-theme] .mc-run-details {
  overflow: hidden;
}

[data-theme] .mc-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px 8px;
}

[data-theme] .mc-section-head h2,
[data-theme] .mc-run-details h2 {
  margin: 0;
  color: var(--fg);
  font-size: 16px;
}

[data-theme] .mc-evidence-warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 16px 12px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--warning-fg) 35%, var(--line));
  border-radius: var(--radius-sm);
  color: var(--warning-fg);
  background: var(--warning-bg);
  font-size: 12px;
  line-height: 1.4;
}

[data-theme] .mc-evidence-warning svg {
  flex: 0 0 auto;
  margin-top: 1px;
}

[data-theme] .mc-evidence-table {
  width: 100%;
  border-collapse: collapse;
}

[data-theme] .mc-evidence-table th,
[data-theme] .mc-evidence-table td {
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  color: var(--fg-2);
  font-size: 13px;
  text-align: left;
}

[data-theme] .mc-evidence-table th {
  color: var(--fg-4);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

[data-theme] .mc-evidence-table td.is-better {
  color: var(--accent-text);
  font-weight: 700;
}

[data-theme] .mc-evidence-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fg);
  font-weight: 600;
}

[data-theme] .mc-evidence-label svg {
  color: var(--fg-4);
}

[data-theme] .mc-better-chip {
  min-width: 34px;
  height: 24px;
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}

[data-theme] .mc-better-chip.is-tie {
  color: var(--fg-3);
  background: var(--bg-2);
}

[data-theme] .mc-better-chip.is-na {
  color: var(--fg-4);
  background: var(--bg-1);
}

[data-theme] .mc-better-chip.is-partial {
  min-width: 58px;
  color: var(--warning-fg);
  background: var(--warning-bg);
}

[data-theme] .mc-run-details {
  padding: 14px 16px;
}

[data-theme] .mc-run-details dl {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
}

[data-theme] .mc-run-details dl > div {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
}

[data-theme] .mc-run-details dt {
  color: var(--fg-4);
  font-size: 12px;
}

[data-theme] .mc-run-details dd {
  margin: 0;
  color: var(--fg-2);
  font-size: 13px;
  overflow-wrap: anywhere;
}

[data-theme] .mc-app-origin {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 34px;
  padding: 8px 16px;
  background: var(--bg-1);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--fg-3);
  font-size: 12px;
}

[data-theme] .mc-app-origin svg {
  color: var(--accent-text);
  flex: 0 0 auto;
}

[data-theme] .mc-app-origin strong {
  color: var(--fg);
}

[data-theme] .mc-app-origin a {
  color: var(--accent-text);
  font-weight: 700;
  text-decoration: none;
}

[data-theme] .mc-app-origin a:hover {
  color: var(--fg);
}

@media (max-width: 1180px) {
  [data-theme] .mc-hero,
  [data-theme] .mc-console-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  [data-theme] .mc-console-actions {
    justify-content: flex-start;
  }

  [data-theme] .mc-new-grid,
  [data-theme] .mc-review-bottom {
    grid-template-columns: 1fr;
  }

  [data-theme] .mc-side-note {
    position: static;
  }
}

@media (max-width: 920px) {
  [data-theme] .mc-stat-grid,
  [data-theme] .mc-variant-grid,
  [data-theme] .mc-catalog-summary {
    grid-template-columns: 1fr;
  }

  [data-theme] .mc-search-row {
    grid-template-columns: 1fr;
  }

  [data-theme] .mc-validation-profile,
  [data-theme] .mc-phase-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  [data-theme] .mc-table-card,
  [data-theme] .mc-catalog-table-wrap,
  [data-theme] .mc-evidence-matrix {
    overflow-x: auto;
  }

  [data-theme] .mc-table,
  [data-theme] .mc-evidence-table {
    min-width: 720px;
  }
}

@media (max-width: 640px) {
  [data-theme] .mc-shell {
    width: min(100% - 20px, 1560px);
    padding-top: 16px;
  }

  [data-theme] .mc-hero h1,
  [data-theme] .mc-console-title h1 {
    font-size: 22px;
  }

  [data-theme] .mc-console-actions,
  [data-theme] .mc-decision-row,
  [data-theme] .mc-verdict-actions,
  [data-theme] .mc-viewport-toggle {
    width: 100%;
  }

  [data-theme] .mc-decision-row {
    align-items: stretch;
    flex-direction: column;
  }

  [data-theme] .mc-viewport-button,
  [data-theme] .mc-verdict-button {
    flex: 1 1 0;
  }

  [data-theme] .mc-run-details dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  [data-theme] .mc-validation-profile,
  [data-theme] .mc-phase-row {
    grid-template-columns: 1fr;
  }
}
[data-theme] .mc-code-quality {
  margin-top: 18px;
}

[data-theme] .mc-code-quality-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.5;
}

[data-theme] .mc-code-quality-note svg {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--fg-4);
}

[data-theme] .mc-cq-value {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--fg-2);
}

[data-theme] .mc-cq-value svg {
  flex: 0 0 auto;
}

[data-theme] .mc-cq-value.is-clean {
  color: var(--success-fg);
}

[data-theme] .mc-cq-value.is-problem {
  color: var(--danger-fg);
}

[data-theme] .mc-cq-value.is-warn {
  color: var(--warning-fg);
}

[data-theme] .mc-cq-value.is-neutral {
  color: var(--fg-4);
  font-weight: 500;
}

[data-theme] .mc-code-quality-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

[data-theme] .mc-cq-details {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  padding: 8px 12px;
}

[data-theme] .mc-cq-details > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  cursor: pointer;
  list-style: none;
  color: var(--fg-2);
  font-size: 12px;
  font-weight: 600;
}

[data-theme] .mc-cq-details > summary::-webkit-details-marker {
  display: none;
}

[data-theme] .mc-cq-details-summary {
  color: var(--fg-3);
  font-weight: 400;
}

[data-theme] .mc-cq-details-list {
  margin: 8px 0 2px;
  padding-left: 16px;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

[data-theme] .mc-cq-details-list li {
  margin: 2px 0;
}

[data-theme] .mc-cq-details-empty {
  margin: 8px 0 2px;
  color: var(--fg-4);
  font-size: 12px;
}
[data-theme] .mc-prompt-strip {
  display: grid;
  gap: 12px;
}

[data-theme] .mc-prompt-followup {
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

[data-theme] .mc-prompt-followup .mc-card-kicker {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

[data-theme] .mc-field-hint {
  margin: 6px 0 0;
  color: var(--fg-3);
  font-size: 12px;
  line-height: 1.5;
}

[data-theme] .mc-followup {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

[data-theme] .mc-followup summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--fg-2);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

[data-theme] .mc-followup-form {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

[data-theme] .mc-followup-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
[data-theme] .mc-mode-select {
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

[data-theme] .mc-mode-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

[data-theme] .mc-mode-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg);
  cursor: pointer;
}

[data-theme] .mc-mode-option:has(input:checked) {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, var(--bg));
}

[data-theme] .mc-mode-option input {
  margin-top: 3px;
}

[data-theme] .mc-mode-option-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

[data-theme] .mc-mode-option-body strong {
  color: var(--fg);
  font-size: 13px;
}

[data-theme] .mc-mode-option-body span {
  color: var(--fg-3);
  font-size: 12px;
}
[data-theme] .mc-dual-pickers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
[data-theme] .mc-flag-overrides {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg);
  padding: 12px 14px;
}

[data-theme] .mc-flag-overrides > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--fg-2);
  font-size: 13px;
  font-weight: 600;
}

[data-theme] .mc-flag-slots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 12px;
}

[data-theme] .mc-flag-slot-title {
  margin: 0 0 8px;
  color: var(--fg);
  font-size: 13px;
}

[data-theme] .mc-flag-field {
  margin-bottom: 10px;
}
[data-theme] .mc-variant-flags,
[data-theme] .mc-flag-override-note {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

[data-theme] .mc-flag-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--fg-2);
  font-size: 11px;
  font-weight: 600;
}

[data-theme] .mc-flag-chip--on {
  border-color: color-mix(in srgb, var(--success-fg) 50%, var(--line));
  color: var(--success-fg);
  background: color-mix(in srgb, var(--success-fg) 10%, var(--bg));
}

[data-theme] .mc-flag-chip--off {
  border-color: var(--line);
  color: var(--fg-3);
}
[data-theme] .remix-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  padding: var(--space-8) 0 var(--space-16);
  align-items: start;
}
[data-theme] .remix-preview-col { order: 2; min-width: 0; }
[data-theme] .remix-info-col { order: 1; min-width: 0; }
@media (min-width: 960px) {
  [data-theme] .remix-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--space-14);
  }
  [data-theme] .remix-preview-col { order: 1; }
  [data-theme] .remix-info-col { order: 2; }
}
[data-theme] .remix-preview {
  position: relative;
  border-radius: var(--radius-lg);
  background: var(--bg-1);
  border: 1px solid var(--line);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
[data-theme] .remix-preview-iframe {
  display: block;
  width: 100%;
  height: clamp(360px, 62vh, 620px);
  border: 0;
}
[data-theme] .remix-preview-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: clamp(360px, 62vh, 620px);
  padding: var(--space-8);
  text-align: center;
  color: var(--fg-3);
}
[data-theme] .remix-preview-empty-icon { color: var(--fg-4); margin-bottom: var(--space-2); }
[data-theme] .remix-preview-empty-title { font: var(--weight-medium) 16px/1.4 var(--font-body); color: var(--fg-2); }
[data-theme] .remix-preview-empty-sub { font-size: 13px; color: var(--fg-3); }
[data-theme] .remix-preview-newtab {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
  font: var(--weight-medium) 14px/1.4 var(--font-body);
  color: var(--fg-3);
  text-decoration: none;
  transition: color var(--t-base) var(--ease-out);
}
[data-theme] .remix-preview-newtab:hover { color: var(--fg); }
[data-theme] .remix-preview-newtab svg { flex-shrink: 0; }
[data-theme] .remix-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
[data-theme] .remix-eyebrow svg { flex-shrink: 0; color: var(--accent-text); }
[data-theme] .remix-perks {
  margin-top: var(--space-8);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
}
[data-theme] .remix-perks-title {
  margin: 0 0 var(--space-4);
  font: var(--weight-semibold) 16px/1.3 var(--font-body);
  color: var(--fg);
}
[data-theme] .remix-perks-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); }
[data-theme] .remix-perk {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  color: var(--fg-2);
  font: var(--weight-regular) 15px/1.5 var(--font-body);
}
[data-theme] .remix-perk-icon {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--accent-text);
}
[data-theme] .remix-note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-6);
  color: var(--fg-3);
  font: var(--weight-regular) 13px/1.5 var(--font-body);
}
[data-theme] .remix-note svg { flex-shrink: 0; margin-top: 2px; color: var(--fg-4); }
[data-theme] .remix-modal-sub {
  margin: var(--space-2) 0 0;
  font: var(--weight-regular) 14px/1.5 var(--font-body);
  color: var(--fg-3);
}
[data-theme] .remix-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: var(--radius-sm);
  color: var(--fg-3);
  cursor: pointer;
  transition: color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);
}
[data-theme] .remix-modal-close:hover { color: var(--fg); background: var(--bg-3); }
[data-theme] .remix-toggle-row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  cursor: pointer;
  margin-top: var(--space-5);
}
[data-theme] .remix-toggle-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
[data-theme] .remix-toggle-title {
  font: var(--weight-semibold) 14px/1.4 var(--font-body);
  color: var(--fg);
}
[data-theme] .remix-toggle-title small {
  font-weight: var(--weight-regular);
  color: var(--fg-3);
  margin-left: 4px;
}
[data-theme] .remix-toggle-desc { font-size: 13px; line-height: 1.45; color: var(--fg-3); }
[data-theme] #remix-modal-v2 .modal-foot { flex-direction: column-reverse; }
[data-theme] #remix-modal-v2 .modal-foot .btn { width: 100%; }
@media (min-width: 480px) {
  [data-theme] #remix-modal-v2 .modal-foot { flex-direction: row; }
  [data-theme] #remix-modal-v2 .modal-foot .btn { width: auto; }
}
[data-theme] .remix-modal-signin {
  margin: 0;
  padding: 0 var(--space-6) var(--space-6);
  text-align: center;
  font-size: 13px;
  color: var(--fg-3);
  flex-shrink: 0;
}
[data-theme] .remix-modal-signin a {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: var(--weight-medium);
}
[data-theme] .remix-modal-signin a:hover { text-decoration: underline; }
@property --remix-sweep-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
[data-theme] .remix-loading {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: var(--bg-1);
  font-family: var(--font-body);
  font-weight: var(--weight-medium);
}

[data-theme] .remix-loading-inner {
  width: 100%;
  max-width: 460px;
  margin: auto;
}
[data-theme] .remix-loading a:not(.btn) {
  color: var(--accent-text);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  transition: color var(--t-fast), border-color var(--t-fast);
}
[data-theme] .remix-loading a:not(.btn):hover {
  color: var(--accent-hover);
  border-bottom-color: var(--accent-hover);
}
[data-theme] .remix-loading-card {
  position: relative;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--remix-panel-radius);
  padding: 24px;
  --remix-panel-radius: 16px;
}
[data-theme] .remix-loading-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: calc(var(--remix-panel-radius) + 1px);
  padding: 1px;
  pointer-events: none;
  background: conic-gradient(
    from var(--remix-sweep-angle),
    transparent 0deg,
    transparent 200deg,
    color-mix(in srgb, var(--line-2) 60%, transparent) 300deg,
    color-mix(in srgb, var(--fg-4) 60%, var(--line-2)) 352deg,
    transparent 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
[data-theme] .remix-loading-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 22px;
  padding: 0 10px 0 8px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 13%, transparent);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accent-text);
}
[data-theme] .remix-loading-pill-dot {
  width: 5px;
  height: 5px;
  flex: none;
  border-radius: var(--radius-pill);
  background: var(--accent);
}
[data-theme] .remix-loading-pill--ready {
  background: color-mix(in srgb, var(--accent) 20%, transparent);
}
[data-theme] .remix-loading-pill--error {
  background: color-mix(in srgb, var(--danger-fg) 15%, transparent);
  color: var(--danger-fg);
}
[data-theme] .remix-loading-pill--error .remix-loading-pill-dot { background: var(--danger-fg); }
[data-theme] .remix-loading-title {
  margin: 16px 0 0;
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: var(--weight-semibold);
  line-height: 1.28;
  letter-spacing: -0.022em;
  color: var(--fg);
  text-wrap: pretty;
}

[data-theme] .remix-loading-sub {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
}
[data-theme] .remix-loading-sub strong {
  font-weight: var(--weight-medium);
  color: var(--fg-2);
}
[data-theme] .remix-loading-rule {
  height: 1px;
  background: var(--line);
  margin: 22px 0 20px;
}
[data-theme] .remix-loading-head-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 9px;
}

[data-theme] .remix-loading-phase {
  margin: 0;
  font-size: 13px;
  font-weight: var(--weight-semibold);
  letter-spacing: -0.005em;
  color: var(--fg);
}
[data-theme] .remix-loading-phase--error { color: var(--danger-fg); }

[data-theme] .remix-loading-percent {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: var(--weight-semibold);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  color: var(--fg-2);
}
[data-theme] .remix-loading-bar-track {
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--bg-3);
  overflow: hidden;
}
[data-theme] .remix-loading-bar-fill {
  height: 100%;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--accent-2), var(--accent));
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme] .remix-loading-steps {
  position: relative;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  --remix-marker-size: 15px;
  --remix-marker-top: 8px;
  --remix-marker-center: calc(var(--remix-marker-top) + (var(--remix-marker-size) / 2));
}

[data-theme] .remix-loading-step {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-height: 31px;
  font-size: 12.5px;
  line-height: 1;
  color: var(--fg-3);
  font-weight: var(--weight-medium);
}
[data-theme] .remix-loading-step::before,
[data-theme] .remix-loading-step::after {
  content: "";
  position: absolute;
  left: calc((var(--remix-marker-size) - 1px) / 2);
  width: 1px;
  background: var(--line-2);
}
[data-theme] .remix-loading-step::before {
  top: 0;
  height: var(--remix-marker-center);
}
[data-theme] .remix-loading-step::after {
  top: var(--remix-marker-center);
  bottom: 0;
}
[data-theme] .remix-loading-step:first-child::before,
[data-theme] .remix-loading-step:last-child::after { content: none; }
[data-theme] .remix-loading-step.is-done::after,
[data-theme] .remix-loading-step.is-done + .remix-loading-step::before {
  background: color-mix(in srgb, var(--accent) 45%, transparent);
}
[data-theme] .remix-loading-step-marker {
  position: relative;
  z-index: 1;
  flex: none;
  width: var(--remix-marker-size);
  height: var(--remix-marker-size);
  margin-top: var(--remix-marker-top);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line-2);
  background: var(--bg);
}
[data-theme] .remix-loading-step-marker svg {
  width: 9px;
  height: 9px;
  display: block;
}

[data-theme] .remix-loading-step-label { padding-top: 8px; }
[data-theme] .remix-loading-step.is-done { color: var(--fg-2); }
[data-theme] .remix-loading-step.is-done .remix-loading-step-marker {
  background: var(--accent);
  border-color: transparent;
  color: var(--accent-fg);
}
[data-theme] .remix-loading-step.is-active {
  color: var(--fg);
  font-weight: var(--weight-semibold);
}
[data-theme] .remix-loading-step.is-active .remix-loading-step-marker {
  background: color-mix(in srgb, var(--accent) 14%, var(--bg));
}
[data-theme] .remix-loading-step.is-active .remix-loading-step-marker::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: var(--radius-pill);
  background: var(--accent);
}
[data-theme] .remix-loading-error-message {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--fg-2);
  text-wrap: pretty;
  word-break: break-word;
}
[data-theme] .remix-loading-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
[data-theme] .remix-loading-foot {
  margin: 18px 4px 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--fg-3);
  text-wrap: pretty;
}
[data-theme] .remix-loading-inner:has(#remix_progress[data-remix-progress-error-signal]) .remix-loading-foot {
  display: none;
}
@media (prefers-reduced-motion: no-preference) {
  [data-theme] .remix-loading-card::before {
    animation: remix-loading-sweep 2.6s linear infinite;
  }
  [data-theme] .remix-loading-pill-dot,
  [data-theme] .remix-loading-step.is-active .remix-loading-step-marker::after {
    animation: remix-loading-pulse 1.6s ease-in-out infinite;
  }
  [data-theme] .remix-loading-pill--ready .remix-loading-pill-dot,
  [data-theme] .remix-loading-pill--error .remix-loading-pill-dot {
    animation: none;
  }
}

@keyframes remix-loading-sweep {
  to { --remix-sweep-angle: 360deg; }
}
@keyframes remix-loading-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(0.75); }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .remix-loading-card::before { display: none; }
  [data-theme] .remix-loading-bar-fill {
    transition-duration: 0.5s !important;
  }
}
[data-theme] .changelog-entry {
  --changelog-accent: var(--fg-4);
  border: 1px solid var(--changelog-accent);
  background: color-mix(in srgb, var(--changelog-accent) 14%, var(--bg-1));
  box-shadow: none;
}
[data-theme] .changelog-entry--feature      { --changelog-accent: var(--accent); }
[data-theme] .changelog-entry--improvement  { --changelog-accent: #14b8a6; }
[data-theme] .changelog-entry--fix          { --changelog-accent: #f59e0b; }
[data-theme] .changelog-entry--integration  { --changelog-accent: #06b6d4; }
[data-theme] .changelog-entry--performance  { --changelog-accent: #3b82f6; }
[data-theme] .changelog-entry--security     { --changelog-accent: #f43f5e; }

[data-theme] .cl-page { --cl-bucket: var(--fg-4); }
[data-theme] .cl-page[data-bucket="new"]      { --cl-bucket: var(--success-fg); }
[data-theme] .cl-page[data-bucket="improved"] { --cl-bucket: var(--info-fg); }
[data-theme] .cl-page[data-bucket="fixed"]    { --cl-bucket: var(--warning-fg); }
[data-theme] .cl-hero-meta {
  display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
  font-family: var(--font-mono); font-size: 11px;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-4);
  margin-top: 22px;
}
[data-theme] .cl-hero-meta .cl-sep { width: 3px; height: 3px; border-radius: 999px; background: var(--fg-4); flex: none; }
[data-theme] .cl-toolbar-wrap {
  position: sticky; top: 64px; z-index: 40; overflow: hidden;
  background: color-mix(in srgb, var(--bg) 90%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  margin-top: -32px;
}
[data-theme] .cl-toolbar {
  display: flex; align-items: center; justify-content: center;
  gap: 16px; padding-block: 12px; flex-wrap: wrap;
  max-width: 860px; margin-inline: auto;
}
[data-theme] .cl-scroll-progress {
  position: absolute; left: 0; bottom: 0; height: 2px; width: 0%;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  transition: width 0.08s linear;
  pointer-events: none;
}
[data-theme] #changelog-filter-seg .seg-btn[data-value="new"]      { --dot: var(--success-fg); }
[data-theme] #changelog-filter-seg .seg-btn[data-value="improved"] { --dot: var(--info-fg); }
[data-theme] #changelog-filter-seg .seg-btn[data-value="fixed"]    { --dot: var(--warning-fg); }
[data-theme] .cl-feed {
  padding-block: 28px 8px; min-height: 400px;
  max-width: 860px;
  margin-inline: auto;
  padding-inline: var(--container-pad);
}
@media (max-width: 768px) {
  [data-theme] .cl-feed { padding-inline: var(--container-pad-mobile); }
}
[data-theme] .cl-day { position: relative; padding: 0 0 40px; }
[data-theme] .cl-day-head {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 5px; margin-bottom: 20px;
}
[data-theme] .cl-day-date { font-family: var(--font-display); font-weight: 700; font-size: 17px; letter-spacing: -0.01em; color: var(--fg); }
[data-theme] .cl-day-ago {
  font-family: var(--font-mono); font-size: 10.5px;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .cl-day-entries { display: grid; gap: 26px; min-width: 0; }
[data-theme] .cl-day-entries > .cl-entry:not(:first-child)::before {
  content: ""; position: absolute; top: -26px; left: 50%;
  width: 1px; height: 26px; background: var(--line);
}
[data-theme] .cl-entry {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 22px 24px 20px;
  transition: border-color var(--t-base), box-shadow var(--t-slow), transform var(--t-base);
  animation: cl-entry-in 0.3s ease backwards;
}
@keyframes cl-entry-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme] .cl-entry { animation: none; }
}
[data-theme] .cl-entry:hover { border-color: var(--line-2); }
[data-theme] .cl-entry.cl-flash {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent), 0 0 32px -8px color-mix(in srgb, var(--accent) 50%, transparent);
}

[data-theme] .cl-entry-top { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
[data-theme] .cl-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase;
  color: var(--cl-bucket);
  background: color-mix(in srgb, var(--cl-bucket) 14%, transparent);
  padding: 4px 10px; border-radius: var(--radius-pill); line-height: 1.2;
}
[data-theme] .cl-badge-dot { width: 6px; height: 6px; border-radius: var(--radius-pill); background: var(--cl-bucket); flex: none; }
[data-theme] .cl-entry-date-inline {
  font-family: var(--font-mono); font-size: 10.5px;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-4);
}
[data-theme] .cl-entry-spacer { flex: 1; }
[data-theme] .cl-copy-link {
  display: inline-flex; align-items: center; gap: 6px;
  height: 28px; padding: 0 9px;
  background: transparent; border: 1px solid transparent; border-radius: var(--radius-sm);
  color: var(--fg-4); cursor: pointer;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.04em;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
  text-decoration: none;
}
[data-theme] .cl-entry:hover .cl-copy-link { color: var(--fg-3); }
[data-theme] .cl-copy-link:hover { background: var(--hover-bg); color: var(--fg); border-color: var(--line); }
[data-theme] .cl-copy-link svg { width: 13px; height: 13px; }
[data-theme] .cl-copy-link.cl-copied { color: var(--cl-bucket); }
[data-theme] .cl-copy-link.cl-copied:hover { background: transparent; border-color: transparent; }

[data-theme] .cl-entry-cover {
  overflow: hidden; border-radius: var(--radius-md); background: var(--bg-2);
  aspect-ratio: 16 / 9; margin-bottom: 20px;
}
[data-theme] .cl-entry-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

[data-theme] .cl-entry h3 {
  font-family: var(--font-display); font-weight: 700;
  font-size: 19px; line-height: 1.3; letter-spacing: -0.01em;
  margin: 0 0 8px; color: var(--fg);
}
[data-theme] .cl-entry-summary { font-size: 14.5px; line-height: 1.6; color: var(--fg-2); margin: 0 0 14px; max-width: 68ch; }
[data-theme] .cl-entry-bullets {
  list-style: none; margin: 0; padding: 14px 16px;
  display: grid; gap: 8px;
  background: var(--bg-2); border-radius: var(--radius-md);
}
[data-theme] .cl-entry-bullets li {
  position: relative; padding-left: 18px;
  font-size: 13.5px; line-height: 1.55; color: var(--fg-3);
}
[data-theme] .cl-entry-bullets li::before {
  content: ""; position: absolute; left: 2px; top: 8px;
  width: 6px; height: 6px; border-radius: 2px;
  background: color-mix(in srgb, var(--cl-bucket) 55%, var(--bg));
}
[data-theme] .cl-entry-learn-more {
  display: inline-flex; align-items: center; gap: 5px;
  margin-top: 14px;
  font-size: 13px; font-weight: 600; text-decoration: none;
  color: color-mix(in srgb, var(--cl-bucket) 78%, var(--fg));
}
[data-theme] .cl-entry-learn-more svg {
  transition: transform 0.15s ease;
}
[data-theme] .cl-entry-learn-more:hover { text-decoration: underline; }
[data-theme] .cl-entry-learn-more:hover svg { transform: translateX(2px); }
@media (prefers-reduced-motion: reduce) {
  [data-theme] .cl-entry-learn-more svg { transition: none; }
}
[data-theme] .cl-empty {
  text-align: center; padding: 80px 0 60px; color: var(--fg-3);
  display: grid; gap: 8px; justify-items: center;
}
[data-theme] .cl-empty strong { font-family: var(--font-display); font-weight: 700; font-size: 20px; color: var(--fg); }
[data-theme] .cl-empty .cl-empty-mono { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-4); font-family: var(--font-mono); }
[data-theme] .cl-pager { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 0 30px; flex-wrap: wrap; }
[data-theme] .cl-pager a, [data-theme] .cl-pager span.cl-pg {
  min-width: 34px; height: 34px; padding: 0 10px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  text-decoration: none; color: var(--fg-2);
  font-family: var(--font-mono); font-size: 12px;
}
[data-theme] .cl-pager a:hover { background: var(--hover-bg); border-color: var(--hover-border); color: var(--fg); }
[data-theme] .cl-pager span.cl-pg.current { background: var(--fg); border-color: var(--fg); color: var(--bg); font-weight: 600; }
[data-theme] .cl-pager .cl-gap { border: 0; min-width: 20px; color: var(--fg-4); }
[data-theme] .cl-pager span.cl-pg.disabled { opacity: 0.55; pointer-events: none; }
[data-theme] .cl-pager-note {
  text-align: center; font-family: var(--font-mono);
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--fg-4); padding-bottom: 40px;
}
[data-theme] .cl-prefoot {
  border-top: 1px solid var(--line);
  padding: 26px 0 30px; text-align: center;
  font-size: 14px; color: var(--fg-3);
}
[data-theme] .cl-prefoot a { color: var(--accent-text); text-decoration: none; font-weight: 600; }
[data-theme] .cl-prefoot a:hover { text-decoration: underline; }
@media (max-width: 760px) {
  [data-theme] .cl-hero-meta { flex-direction: column; gap: 7px; }
  [data-theme] .cl-hero-meta .cl-sep { display: none; }
  [data-theme] .cl-feed { padding-top: 52px; }
  [data-theme] .cl-entry { padding: 18px 18px 16px; }
  [data-theme] .cl-entry h3 { font-size: 17px; }
  [data-theme] .cl-toolbar { padding-block: 10px; gap: 10px; }
  [data-theme] .cl-toolbar .seg { display: flex; width: 100%; }
  [data-theme] .cl-toolbar .seg .seg-btn { flex: 1; }
  [data-theme] .cl-pager .cl-pg-xtra { display: none; }
}

.admin-shell {
  --admin-gen-accent: #a78bfa;
  --admin-rail-w: 264px;
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
}
.admin-shell.is-collapsed { --admin-rail-w: 68px; }
@media (min-width: 1025px) {
  .admin-shell[data-ready] .admin-sidebar { transition: flex-basis 0.16s var(--ease-out); }
}
.admin-shell__main {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.admin-shell__content { flex: 1 1 auto; min-width: 0; }
.admin-sidebar {
  position: sticky;
  top: 0;
  flex: 0 0 var(--admin-rail-w);
  height: 100vh;
  height: 100dvh;
  z-index: 40;
  background: var(--rail-bg);
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.admin-sidebar__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 60px;
  padding: 0 16px;
  flex: 0 0 auto;
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}
.admin-sidebar__brand .brand-mark { flex: 0 0 auto; }
.admin-sidebar__wordmark {
  font-family: var(--font-display);
  font-size: 17px;
  line-height: 1;
  color: var(--fg);
  letter-spacing: -0.01em;
}
.admin-sidebar__tag {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-radius: var(--radius-sm);
  padding: 2px 5px;
}

.admin-sidebar__search {
  margin: 12px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 13px;
  cursor: pointer;
  transition: border-color var(--t-base), background var(--t-base), color var(--t-base);
}
.admin-sidebar__search:hover { border-color: var(--line-2); color: var(--fg-2); }
.admin-sidebar__search-label { flex: 1 1 auto; text-align: left; }
.admin-sidebar__kbd {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 1px 5px;
}

.admin-sidebar__nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.admin-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base);
}
.admin-nav-item:hover { background: var(--hover-bg); color: var(--fg); }
.admin-nav-item.is-active { background: var(--hover-bg); color: var(--fg); }

.admin-nav-item__icon {
  flex: 0 0 auto;
  width: 16px;
  font-size: 14px;
  text-align: center;
  color: var(--fg-3);
  transition: color var(--t-base);
}
.admin-nav-item:hover .admin-nav-item__icon { color: var(--fg-2); }
.admin-nav-item.is-active .admin-nav-item__icon { color: var(--accent-text); }

.admin-nav-item__label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-nav-item__ext { flex: 0 0 auto; font-size: 10px; color: var(--fg-4); }

.admin-nav-item:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 2px var(--rail-bg), 0 0 0 4px var(--accent);
}
.admin-nav-badge {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  padding: 3px 7px;
  border-radius: var(--radius-pill);
}
.admin-nav-badge--accent  { background: var(--accent);      color: var(--accent-fg); forced-color-adjust: none; }
.admin-nav-badge--warning { background: var(--warning-fg);  color: var(--accent-fg); }
.admin-nav-badge--danger  { background: var(--danger-fg);   color: var(--accent-fg); }
.admin-nav-group { margin-top: 10px; display: flex; flex-direction: column; gap: 2px; }
.admin-nav-group__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 2px;
}
.admin-nav-group__dot {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--admin-group-accent, var(--fg-4));
}
.admin-nav-group__label {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-4);
}
.admin-nav-group--external { margin-top: auto; }
.admin-sidebar__footer {
  flex: 0 0 auto;
  border-top: 1px solid var(--line);
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.admin-sidebar__collapse {
  width: 100%;
  background: transparent;
  border: 0;
  text-align: left;
  font-family: var(--font-body);
}
@media (min-width: 1025px) {
  .admin-shell.is-collapsed .admin-sidebar__wordmark,
  .admin-shell.is-collapsed .admin-sidebar__tag,
  .admin-shell.is-collapsed .admin-sidebar__search-label,
  .admin-shell.is-collapsed .admin-sidebar__kbd,
  .admin-shell.is-collapsed .admin-nav-item__label,
  .admin-shell.is-collapsed .admin-nav-item__ext,
  .admin-shell.is-collapsed .admin-nav-badge,
  .admin-shell.is-collapsed .admin-nav-group__label { display: none; }

  .admin-shell.is-collapsed .admin-sidebar__brand,
  .admin-shell.is-collapsed .admin-sidebar__search,
  .admin-shell.is-collapsed .admin-nav-item { justify-content: center; padding-left: 0; padding-right: 0; gap: 0; }
  .admin-shell.is-collapsed .admin-sidebar__search { margin: 12px auto; width: 40px; }
  .admin-shell.is-collapsed .admin-nav-group__header { justify-content: center; padding: 6px 0 2px; }
}
.admin-topbar {
  flex: 0 0 auto;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
}
.admin-topbar__left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.admin-topbar__right { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }

.admin-topbar__burger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg-2);
  cursor: pointer;
}
.admin-topbar__burger:hover { background: var(--hover-bg); color: var(--fg); }

.admin-breadcrumb { display: flex; align-items: center; gap: 8px; min-width: 0; }
.admin-breadcrumb .brand-mark { flex: 0 0 auto; }
.admin-breadcrumb__group {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.admin-breadcrumb__sep { font-size: 9px; color: var(--fg-4); }
.admin-breadcrumb__current {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-topbar__search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--fg-3);
  cursor: pointer;
  transition: border-color var(--t-base), color var(--t-base);
}
.admin-topbar__search:hover { border-color: var(--line-2); color: var(--fg-2); }
.admin-topbar__avatar {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--accent-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  flex: 0 0 auto;
  forced-color-adjust: none;
}
.admin-shell__scrim {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 35;
  background: var(--scrim);
}
.admin-cmdk {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 12vh;
}
.admin-cmdk[hidden] { display: none; }
.admin-cmdk__scrim { position: absolute; inset: 0; background: var(--scrim); }
.admin-cmdk__panel {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
}
.admin-cmdk__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  flex: 0 0 auto;
}
.admin-cmdk__search-icon { color: var(--fg-3); font-size: 15px; }
.admin-cmdk__input {
  flex: 1 1 auto;
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--fg);
  caret-color: var(--accent);
  font-family: var(--font-body);
  font-size: 16px;
}
.admin-cmdk__input::-moz-placeholder { color: var(--fg-4); }
.admin-cmdk__input::placeholder { color: var(--fg-4); }
.admin-cmdk__esc {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 2px 6px;
}

.admin-cmdk__results {
  list-style: none;
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  flex: 1 1 auto;
}
.admin-cmdk__heading {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-4);
  padding: 8px 12px 4px;
}
.admin-cmdk__empty { color: var(--fg-3); padding: 18px 12px; text-align: center; font-size: 13.5px; }
.admin-cmdk__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.admin-cmdk__row.is-selected { background: var(--hover-bg); }
.admin-cmdk__row-icon { width: 18px; text-align: center; color: var(--fg-3); font-size: 14px; }
.admin-cmdk__row.is-selected .admin-cmdk__row-icon { color: var(--accent-text); }
.admin-cmdk__row-label { flex: 1 1 auto; color: var(--fg); font-size: 14px; font-weight: 500; }
.admin-cmdk__row-group {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--fg-4);
}
.admin-cmdk__row-enter { font-family: var(--font-mono); font-size: 12px; color: var(--fg-3); opacity: 0; }
.admin-cmdk__row.is-selected .admin-cmdk__row-enter { opacity: 1; }

.admin-cmdk__footer {
  display: flex;
  gap: 16px;
  padding: 10px 18px;
  border-top: 1px solid var(--line);
  font-size: 11px;
  color: var(--fg-4);
  flex: 0 0 auto;
}
.admin-cmdk__footer kbd {
  font-family: var(--font-mono);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1px 4px;
  margin-right: 2px;
}
@media (max-width: 1024px) {
  .admin-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    flex: none;
    width: 264px;
    height: 100vh;
    height: 100dvh;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform 0.2s var(--ease-out), visibility 0s linear 0.2s;
  }
  .admin-shell.is-drawer-open .admin-sidebar {
    transform: none;
    visibility: visible;
    transition: transform 0.2s var(--ease-out), visibility 0s;
  }
  .admin-shell.is-drawer-open .admin-shell__scrim { display: block; }
  .admin-topbar__burger { display: inline-flex; }
  .admin-sidebar .admin-nav-item { min-height: 44px; }
  .admin-sidebar__collapse { display: none; }
}

@media (max-width: 560px) {
  .admin-topbar__search { display: none; }
  .admin-topbar { padding: 0 16px; }
}
.ff-actor-gate {
  margin-top: var(--space-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-1);
}
.ff-actor-gate__summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
  list-style: none;
  color: var(--fg-2);
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ff-actor-gate__summary::-webkit-details-marker { display: none; }
.ff-actor-gate__summary:hover { color: var(--fg); }
.ff-actor-gate__chevron {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: var(--fg-3);
  transition: transform 0.16s var(--ease-out);
}
.ff-actor-gate[open] .ff-actor-gate__chevron { transform: rotate(90deg); }
.ff-actor-gate__title { font-weight: 600; color: var(--fg-2); }
.ff-actor-gate__body {
  padding: var(--space-3);
  border-top: 1px solid var(--line);
  display: grid;
  gap: var(--space-3);
}
.ff-actor-gate__hint,
.ff-actor-gate__empty,
.ff-actor-gate__footnote {
  margin: 0;
  font-size: 12px;
  color: var(--fg-3);
}
.ff-actor-gate__hint code { font-family: var(--font-mono); color: var(--fg-2); }
.ff-actor-gate__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-2);
}
.ff-actor-gate__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
}
.ff-actor-gate__row + .ff-actor-gate__row { border-top: 1px solid var(--line); }
.ff-actor-gate__team { font-size: 13px; font-weight: 500; color: var(--fg); }
.ff-actor-gate__team-id {
  margin-left: var(--space-1);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
}
.ff-actor-gate__form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.ff-actor-gate__field { flex: 1 1 260px; margin: 0; }
.ff-actor-gate__submit { flex: 0 0 auto; }
[data-theme] .dp-page {
  --dp-gen: #a78bfa;
  width: min(100%, var(--container-max-wide));
  margin-inline: auto;
  padding: var(--space-8) var(--container-pad) var(--space-16);
  color: var(--fg);
  font-family: var(--font-body);
}
[data-theme] .dp-page *, [data-theme] .dp-page *::before, [data-theme] .dp-page *::after { box-sizing: border-box; }
[data-theme] .dp-page h1, [data-theme] .dp-page h2, [data-theme] .dp-page h3, [data-theme] .dp-page p { margin: 0; }
[data-theme] .dp-page h1 { font: var(--weight-bold) 36px/1.05 var(--font-display); letter-spacing: -0.02em; }
[data-theme] .dp-page h2 { font: var(--weight-semibold) 22px/1.2 var(--font-display); }
[data-theme] .dp-page h3 { font: var(--weight-semibold) 14px/1.2 var(--font-mono); }
[data-theme] .dp-page a { color: inherit; }
[data-theme] .dp-eyebrow { color: var(--fg-3); font: var(--weight-semibold) 10px/1.2 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }

[data-theme] .dp-page-head { display: flex; align-items: end; justify-content: space-between; gap: var(--space-8); margin-block-end: var(--space-8); }
[data-theme] .dp-page-head > div:first-child { display: grid; gap: var(--space-2); max-width: 70ch; }
[data-theme] .dp-page-head p:last-child { color: var(--fg-3); font-size: 14px; }
[data-theme] .dp-page-head__actions { display: flex !important; align-items: center; gap: var(--space-3); }
[data-theme] .dp-button, [data-theme] .dp-window a { display: inline-flex; align-items: center; justify-content: center; min-height: var(--space-10); padding-inline: var(--space-4); border: 1px solid var(--line-2); border-radius: var(--radius-sm); background: var(--bg-2); color: var(--fg); font: var(--weight-semibold) 13px/1 var(--font-mono); text-decoration: none; }
[data-theme] .dp-button:hover, [data-theme] .dp-window a:hover { background: var(--hover-bg); }
[data-theme] .dp-back { color: var(--fg-3) !important; font: var(--weight-semibold) 13px/1 var(--font-mono); text-decoration: none; }
[data-theme] .dp-back:hover { color: var(--fg) !important; }
[data-theme] .dp-connection { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--success-fg); font: var(--weight-medium) 11px/1 var(--font-mono); }
[data-theme] .dp-connection i { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); background: currentColor; box-shadow: 0 0 0 var(--space-1) color-mix(in srgb, currentColor 15%, transparent); }
[data-theme] .dp-connection.is-stale { color: var(--warning-fg); }

[data-theme] .dp-vital { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(220px, .45fr); align-items: center; gap: var(--space-5); min-height: var(--space-30); padding: var(--space-6); border: 1px solid color-mix(in srgb, var(--info-fg) 35%, var(--line)); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--info-fg) 7%, var(--bg-2)); box-shadow: var(--shadow-sm); }
[data-theme] .dp-vital--active { border-color: color-mix(in srgb, var(--success-fg) 35%, var(--line)); background: color-mix(in srgb, var(--success-fg) 7%, var(--bg-2)); }
[data-theme] .dp-vital--frozen, [data-theme] .dp-vital--runner_stale { border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line)); background: color-mix(in srgb, var(--danger-fg) 10%, var(--bg-2)); }
[data-theme] .dp-vital--backed_up { border-color: color-mix(in srgb, var(--warning-fg) 45%, var(--line)); background: color-mix(in srgb, var(--warning-fg) 9%, var(--bg-2)); }
[data-theme] .dp-vital__icon { display: grid; place-items: center; width: var(--space-14); height: var(--space-14); border-radius: var(--radius-md); background: var(--info-bg); color: var(--info-fg); font-size: 20px; }
[data-theme] .dp-vital--active .dp-vital__icon { background: var(--success-bg); color: var(--success-fg); }
[data-theme] .dp-vital--frozen .dp-vital__icon, [data-theme] .dp-vital--runner_stale .dp-vital__icon { background: var(--danger-bg); color: var(--danger-fg); }
[data-theme] .dp-vital--backed_up .dp-vital__icon { background: var(--warning-bg); color: var(--warning-fg); }
[data-theme] .dp-vital__body { display: grid; gap: var(--space-1-5); }
[data-theme] .dp-vital__body p:last-child { color: var(--fg-3); font-size: 13px; }
[data-theme] .dp-vital__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); color: var(--fg-3); font-size: 13px; }
[data-theme] .dp-vital__label { color: var(--info-fg); font: var(--weight-bold) 10px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
[data-theme] .dp-vital--active .dp-vital__label { color: var(--success-fg); }
[data-theme] .dp-vital--frozen .dp-vital__label, [data-theme] .dp-vital--runner_stale .dp-vital__label { color: var(--danger-fg); }
[data-theme] .dp-vital__meter { display: grid; gap: var(--space-2); color: var(--fg-3); font: 10px/1.4 var(--font-mono); }
[data-theme] .dp-vital__clock { color: var(--fg); font: var(--weight-bold) 24px/1 var(--font-mono); }
[data-theme] .dp-vital__meter progress { width: 100%; height: var(--space-1-5); overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: var(--radius-pill); background: var(--bg-1); }
[data-theme] .dp-vital__meter progress::-webkit-progress-bar { background: var(--bg-1); }
[data-theme] .dp-vital__meter progress::-webkit-progress-value { background: var(--info-fg); border-radius: var(--radius-pill); -webkit-transition: width var(--t-progress) var(--ease-out); transition: width var(--t-progress) var(--ease-out); }

[data-theme] .dp-section { margin-block-start: var(--space-10); }
[data-theme] .dp-section-head { display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); margin-block-end: var(--space-4); }
[data-theme] .dp-section-head > div { display: grid; gap: var(--space-1); }
[data-theme] .dp-section-head > span { color: var(--fg-4); font: 10px/1.4 var(--font-mono); text-align: right; }
[data-theme] .dp-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
[data-theme] .dp-service, [data-theme] .dp-panel, [data-theme] .dp-metric-class, [data-theme] .dp-chart-panel { border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--card-bg); box-shadow: var(--shadow-sm); }
[data-theme] .dp-service { padding: var(--space-5); display: grid; gap: var(--space-4); min-width: 0; }
[data-theme] .dp-service__head, [data-theme] .dp-service__head > div { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-width: 0; }
[data-theme] .dp-service__head h3 { overflow: hidden; text-overflow: ellipsis; }
[data-theme] .dp-service__mark, [data-theme] .dp-legend-dot { display: inline-block; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); background: var(--info-fg); flex: 0 0 auto; }
[data-theme] .dp-service--worker .dp-service__mark { background: var(--success-fg); }
[data-theme] .dp-service--gen_worker .dp-service__mark, [data-theme] .dp-metric-class--gen_worker .dp-service__mark, [data-theme] .dp-legend-dot--gen { background: var(--dp-gen); }
[data-theme] .dp-service__sha { font: var(--weight-bold) 25px/1 var(--font-mono); }
[data-theme] .dp-mono-link { color: var(--accent-text) !important; text-decoration: none; }
[data-theme] .dp-mono-link:hover { color: var(--accent-text-hover) !important; text-decoration: underline; }
[data-theme] .dp-service__subject { min-height: 2.7em; color: var(--fg-2); font-size: 13px; line-height: 1.35; }
[data-theme] .dp-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: 0; }
[data-theme] .dp-facts--compact { gap: var(--space-3); }
[data-theme] .dp-facts div { min-width: 0; }
[data-theme] .dp-facts dt { color: var(--fg-4); font: 10px/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
[data-theme] .dp-facts dd { margin: var(--space-1) 0 0; color: var(--fg-2); font-size: 13px; overflow-wrap: anywhere; }
[data-theme] .dp-facts__wide { grid-column: 1 / -1; }
[data-theme] .dp-drift { display: grid; gap: var(--space-1-5); padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-1); }
[data-theme] .dp-drift strong { font: var(--weight-semibold) 11px/1.3 var(--font-mono); }
[data-theme] .dp-drift > span { color: var(--fg-3); font-size: 13px; }
[data-theme] .dp-drift--ok strong { color: var(--success-fg); } [data-theme] .dp-drift--warn strong { color: var(--warning-fg); } [data-theme] .dp-drift--bad strong { color: var(--danger-fg); } [data-theme] .dp-drift--live strong { color: var(--info-fg); }
[data-theme] .dp-drift__prs, [data-theme] .dp-link-list { display: flex; flex-wrap: wrap; gap: var(--space-2); font: 11px/1 var(--font-mono); }

[data-theme] .dp-feed { border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; background: var(--card-bg); }
[data-theme] .dp-feed-row { display: grid; grid-template-columns: 70px minmax(180px, 1.5fr) minmax(150px, .9fr) 130px 100px 130px; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); box-shadow: 0 1px 0 var(--line); cursor: pointer; transition: background var(--t-fast) var(--ease-out); }
[data-theme] .dp-feed-row:last-child { box-shadow: none; }
[data-theme] .dp-feed-row:hover, [data-theme] .dp-feed-row:focus-visible { outline: none; background: var(--hover-bg); }
[data-theme] .dp-feed-row__id, [data-theme] .dp-feed-row__summary, [data-theme] .dp-feed-row__timing, [data-theme] .dp-feed-row__when { display: grid; min-width: 0; }
[data-theme] .dp-feed-row__id span { font: var(--weight-bold) 13px/1 var(--font-mono); }
[data-theme] .dp-feed-row small, [data-theme] .dp-feed-row__summary > span, [data-theme] .dp-feed-row__timing, [data-theme] .dp-feed-row__when { color: var(--fg-3); font: 10px/1.5 var(--font-mono); }
[data-theme] .dp-feed-row__summary strong { display: flex; gap: var(--space-2); font: var(--weight-semibold) 12px/1.4 var(--font-mono); }
[data-theme] .dp-feed-row__summary > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme] .dp-feed-row__status { display: grid; justify-items: start; gap: var(--space-1); }
[data-theme] .dp-skip-note { color: var(--fg-3); font: 9px/1.4 var(--font-mono); }
[data-theme] .dp-skip-note a { color: var(--accent-text); }
[data-theme] .dp-feed-row__when { text-align: right; }
[data-theme] .dp-targets { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); }
[data-theme] .dp-chip { display: inline-flex; padding: var(--space-1) var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--bg-1); color: var(--fg-3); font: var(--weight-semibold) 9px/1 var(--font-mono); }
[data-theme] .dp-chip--gen_worker { color: var(--dp-gen); border-color: color-mix(in srgb, var(--dp-gen) 32%, var(--line)); }
[data-theme] .dp-chip--ships { color: var(--info-fg); border-color: color-mix(in srgb, var(--info-fg) 32%, var(--line)); }
[data-theme] .dp-empty { padding: var(--space-8); color: var(--fg-4); font: 13px/1.5 var(--font-body); text-align: center; }

[data-theme] .dp-stats-strip { display: grid; grid-template-columns: repeat(5, 1fr) auto; align-items: center; gap: var(--space-4); margin-block-start: var(--space-6); padding: var(--space-4) var(--space-5); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-1); }
[data-theme] .dp-stats-strip > div { display: grid; gap: var(--space-1); }
[data-theme] .dp-stats-strip span { color: var(--fg-4); font: 9px/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
[data-theme] .dp-stats-strip strong { font: var(--weight-bold) 16px/1.2 var(--font-mono); }
[data-theme] .dp-stats-strip__link { color: var(--accent-text) !important; font: var(--weight-semibold) 11px/1 var(--font-mono); text-decoration: none; }

[data-theme] .dp-detail-grid, [data-theme] .dp-stats-bottom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
[data-theme] .dp-panel { padding: var(--space-5); min-width: 0; }
[data-theme] .dp-panel__head { display: grid; gap: var(--space-1); margin-block-end: var(--space-5); }
[data-theme] .dp-duration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2); margin-block-end: var(--space-5); }
[data-theme] .dp-duration-grid > div { display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-1); }
[data-theme] .dp-duration-grid span { color: var(--fg-4); font: 9px/1.2 var(--font-mono); text-transform: uppercase; }
[data-theme] .dp-duration-grid strong { font: var(--weight-bold) 17px/1 var(--font-mono); }
[data-theme] .dp-callout { display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-sm); font-size: 13px; }
[data-theme] .dp-callout--warn { border-color: color-mix(in srgb, var(--warning-fg) 35%, var(--line)); background: var(--warning-bg); color: var(--warning-fg); }
[data-theme] .dp-callout--bad { margin-block-end: var(--space-4); border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line)); background: var(--danger-bg); color: var(--danger-fg); }
[data-theme] .dp-page pre { max-width: 100%; margin: var(--space-2) 0 0; padding: var(--space-3); overflow: auto; border-radius: var(--radius-sm); background: var(--code-bg); color: var(--fg-2); font: 10px/1.6 var(--font-mono); white-space: pre-wrap; }
[data-theme] .dp-result-table-wrap { max-width: 100%; margin-block-end: var(--space-4); overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-sm); }
[data-theme] .dp-result-table { width: 100%; border-collapse: collapse; font-size: 13px; }
[data-theme] .dp-result-table th, [data-theme] .dp-result-table td { padding: var(--space-2) var(--space-3); box-shadow: 0 1px 0 var(--line); text-align: left; vertical-align: top; }
[data-theme] .dp-result-table thead th { color: var(--fg-4); font: var(--weight-semibold) 9px/1.2 var(--font-mono); text-transform: uppercase; }
[data-theme] .dp-result-table tbody th, [data-theme] .dp-result-table tbody td:not(:last-child) { font-family: var(--font-mono); font-size: 11px; }
[data-theme] .dp-result-list { display: grid; gap: var(--space-2); }
[data-theme] .dp-result-list details { border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--bg-1); }
[data-theme] .dp-result-list summary { display: flex; justify-content: space-between; padding: var(--space-3); cursor: pointer; font: 13px/1.3 var(--font-mono); }
[data-theme] .dp-result-list details pre { margin: 0; border-radius: 0 0 var(--radius-sm) var(--radius-sm); }
[data-theme] .dp-timeline { position: relative; display: grid; }
[data-theme] .dp-event { display: grid; grid-template-columns: var(--space-4) 90px minmax(0, 1fr); gap: var(--space-4); padding: var(--space-4); box-shadow: 0 1px 0 var(--line); }
[data-theme] .dp-event:last-child { box-shadow: none; }
[data-theme] .dp-event__dot { width: var(--space-2); height: var(--space-2); margin-block-start: var(--space-1); border-radius: var(--radius-pill); background: var(--success-fg); box-shadow: 0 0 0 var(--space-1) var(--success-bg); }
[data-theme] .dp-event--bad .dp-event__dot { background: var(--danger-fg); box-shadow: 0 0 0 var(--space-1) var(--danger-bg); }
[data-theme] .dp-event--warn .dp-event__dot { background: var(--warning-fg); box-shadow: 0 0 0 var(--space-1) var(--warning-bg); }
[data-theme] .dp-event--live .dp-event__dot { background: var(--info-fg); box-shadow: 0 0 0 var(--space-1) var(--info-bg); animation: ds-status-pulse 2s ease-in-out infinite; }
[data-theme] .dp-event__time { display: grid; align-content: start; color: var(--fg-2); font: 10px/1.4 var(--font-mono); }
[data-theme] .dp-event__time small { color: var(--fg-4); }
[data-theme] .dp-event__body > strong { font: var(--weight-semibold) 13px/1.3 var(--font-mono); }
[data-theme] .dp-event details summary { margin-block-start: var(--space-2); color: var(--fg-3); cursor: pointer; font-size: 13px; }

[data-theme] .dp-window { display: flex; gap: var(--space-1); padding: var(--space-1); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-1); }
[data-theme] .dp-window a { min-height: var(--space-8); border-color: transparent; background: transparent; }
[data-theme] .dp-window a.is-active { border-color: var(--line-2); background: var(--bg-3); color: var(--accent-text); }
[data-theme] .dp-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-block-end: var(--space-3); }
[data-theme] .dp-summary-grid article { display: grid; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); }
[data-theme] .dp-summary-grid span { color: var(--fg-3); font: 10px/1.2 var(--font-mono); text-transform: uppercase; }
[data-theme] .dp-summary-grid strong { font: var(--weight-bold) 24px/1 var(--font-display); }
[data-theme] .dp-status-bar { height: var(--space-2); margin-block-end: var(--space-5); overflow: hidden; border-radius: var(--radius-pill); background: var(--bg-1); }
[data-theme] .dp-status-bar svg { display: block; width: 100%; height: 100%; }
[data-theme] .dp-status-bar__done { fill: var(--success-fg); }
[data-theme] .dp-status-bar__failed { fill: var(--danger-fg); }
[data-theme] .dp-status-bar__skipped { fill: var(--fg-4); }
[data-theme] .dp-status-bar__queued, [data-theme] .dp-status-bar__classifying, [data-theme] .dp-status-bar__deploying { fill: var(--warning-fg); }
[data-theme] .dp-stat-hero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
[data-theme] .dp-metric-class { padding: var(--space-6); }
[data-theme] .dp-metric-class__head { display: flex; align-items: start; justify-content: space-between; margin-block-end: var(--space-5); }
[data-theme] .dp-metric-class__head > div { display: grid; gap: var(--space-1); }
[data-theme] .dp-metric-class__head h2 { font-size: 40px; font-family: var(--font-display); }
[data-theme] .dp-metric-class__head span { color: var(--fg-4); font: 10px/1.3 var(--font-mono); }
[data-theme] .dp-metric-class__head .dp-service__mark { width: var(--space-3); height: var(--space-3); }
[data-theme] .dp-metric-class table { width: 100%; border-collapse: collapse; font: 11px/1.4 var(--font-mono); }
[data-theme] .dp-metric-class th, [data-theme] .dp-metric-class td { padding: var(--space-2) 0; box-shadow: 0 1px 0 var(--line); text-align: right; }
[data-theme] .dp-metric-class th:first-child { text-align: left; color: var(--fg-3); font-weight: var(--weight-medium); }
[data-theme] .dp-metric-class thead th { color: var(--fg-4); font-size: 9px; text-transform: uppercase; }
[data-theme] .dp-chart-panel { padding: var(--space-5); }
[data-theme] .dp-scatter { display: block; width: 100%; min-height: 220px; overflow: visible; color: var(--fg-4); font: 9px/1 var(--font-mono); }
[data-theme] .dp-scatter__grid { stroke: var(--line); stroke-width: 1; }
[data-theme] .dp-scatter__point { fill: var(--info-fg); stroke: var(--bg-2); stroke-width: 2; }
[data-theme] .dp-scatter__point--gen_worker { fill: var(--dp-gen); }
[data-theme] .dp-scatter__failure circle:first-child { fill: var(--bg-2); stroke: var(--danger-fg); stroke-width: 2; }
[data-theme] .dp-scatter__failure line { stroke: var(--danger-fg); stroke-width: 2; stroke-linecap: round; }
[data-theme] .dp-scatter__failure circle:last-child { fill: var(--danger-fg); }
[data-theme] .dp-chart-legend { display: flex; justify-content: center; gap: var(--space-5); color: var(--fg-3); font: 10px/1 var(--font-mono); }
[data-theme] .dp-chart-legend span { display: flex; align-items: center; gap: var(--space-2); }
[data-theme] .dp-legend-dot--web { background: var(--info-fg); }
[data-theme] .dp-legend-failed { color: var(--danger-fg); }
[data-theme] .dp-stats-bottom { margin-block-start: var(--space-5); }
[data-theme] .dp-breakdown { display: grid; gap: var(--space-2); }
[data-theme] .dp-breakdown > div { display: flex; align-items: center; justify-content: space-between; padding-block: var(--space-2); box-shadow: 0 1px 0 var(--line); }
[data-theme] .dp-breakdown strong { font: var(--weight-bold) 14px/1 var(--font-mono); }
[data-theme] .dp-metric-note { margin-block-start: var(--space-4) !important; color: var(--fg-3); font-size: 13px; }
[data-theme] .dp-freeze-list { display: grid; }
[data-theme] .dp-freeze-list > div { display: grid; grid-template-columns: minmax(140px, .7fr) 1fr; gap: var(--space-3); padding-block: var(--space-3); box-shadow: 0 1px 0 var(--line); color: var(--fg-2); font-size: 13px; }
[data-theme] .dp-freeze-list span { display: grid; }
[data-theme] .dp-freeze-list small { color: var(--fg-4); font: 9px/1.5 var(--font-mono); }

@media (max-width: 1100px) {
  [data-theme] .dp-service-grid { grid-template-columns: 1fr; }
  [data-theme] .dp-feed-row { grid-template-columns: 60px minmax(180px, 1fr) minmax(120px, .7fr) 120px; }
  [data-theme] .dp-feed-row__timing, [data-theme] .dp-feed-row__when { display: none; }
  [data-theme] .dp-stats-strip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  [data-theme] .dp-page { padding: var(--space-6) var(--container-pad-mobile) var(--space-12); }
  [data-theme] .dp-page-head { align-items: start; flex-direction: column; }
  [data-theme] .dp-page-head__actions { width: 100%; justify-content: space-between; }
  [data-theme] .dp-vital { grid-template-columns: auto minmax(0, 1fr); }
  [data-theme] .dp-vital__meter { grid-column: 1 / -1; }
  [data-theme] .dp-feed-row { grid-template-columns: 48px minmax(0, 1fr) auto; }
  [data-theme] .dp-feed-row__status { grid-column: 3; grid-row: 1; }
  [data-theme] .dp-targets { grid-column: 2 / -1; }
  [data-theme] .dp-detail-grid, [data-theme] .dp-stat-hero, [data-theme] .dp-stats-bottom { grid-template-columns: 1fr; }
  [data-theme] .dp-stats-strip { grid-template-columns: repeat(2, 1fr); }
  [data-theme] .dp-summary-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 420px) {
  [data-theme] .dp-page h1 { font-size: 30px; }
  [data-theme] .dp-vital { padding: var(--space-4); }
  [data-theme] .dp-vital__icon { width: var(--space-10); height: var(--space-10); }
  [data-theme] .dp-vital__body h2 { font-size: 18px; }
  [data-theme] .dp-service { padding: var(--space-4); }
  [data-theme] .dp-feed-row { padding: var(--space-3); }
  [data-theme] .dp-duration-grid { grid-template-columns: 1fr; }
  [data-theme] .dp-stats-strip { grid-template-columns: 1fr 1fr; }
  [data-theme] .dp-stats-strip__link { grid-column: 1 / -1; }
}
[data-theme] .gd-page {
  width: min(100%, var(--container-max-wide));
  margin-inline: auto;
  padding: var(--space-8) var(--container-pad) var(--space-16);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
}
[data-theme] .gd-page *, [data-theme] .gd-page *::before, [data-theme] .gd-page *::after { box-sizing: border-box; }
[data-theme] .gd-page h1, [data-theme] .gd-page h2, [data-theme] .gd-page p { margin: 0; }
[data-theme] .gd-page h1 { font: var(--weight-bold) 36px/1.05 var(--font-display); letter-spacing: -0.02em; }
[data-theme] .gd-eyebrow { color: var(--fg-3); font: var(--weight-semibold) 10px/1.2 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }

[data-theme] .gd-head { display: flex; align-items: end; justify-content: space-between; gap: var(--space-8); margin-block-end: var(--space-6); flex-wrap: wrap; }
[data-theme] .gd-head > div:first-child { display: grid; gap: var(--space-2); max-width: 70ch; }
[data-theme] .gd-head > div:first-child p:last-child { color: var(--fg-3); font-size: 14px; }
[data-theme] .gd-head-actions { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }

[data-theme] .gd-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--space-8); padding-inline: var(--space-3);
  border: 1px solid var(--line-2); border-radius: var(--radius-sm);
  background: var(--bg-2); color: var(--fg); cursor: pointer;
  font: var(--weight-semibold) 12px/1 var(--font-mono); text-decoration: none;
}
[data-theme] .gd-button:hover { background: var(--hover-bg); }
[data-theme] .gd-button.gd-ghost { background: transparent; color: var(--fg-3); }
[data-theme] .gd-button.gd-ghost:hover { color: var(--fg); background: var(--hover-bg); }
[data-theme] .gd-button.gd-danger { color: var(--danger-fg); border-color: color-mix(in srgb, var(--danger-fg) 40%, var(--line-2)); }
[data-theme] .gd-button.gd-danger:hover { background: color-mix(in srgb, var(--danger-fg) 12%, var(--bg-2)); }

[data-theme] .gd-countdown {
  font: var(--weight-medium) 12px/1 var(--font-mono); color: var(--fg-3);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: var(--space-2) var(--space-3); white-space: nowrap;
}
[data-theme] .gd-countdown b { color: var(--fg); }
[data-theme] .gd-live { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--fg-3); font: var(--weight-medium) 11px/1 var(--font-mono); }
[data-theme] .gd-dot { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); background: var(--fg-3); }
[data-theme] .gd-dot.is-ok { background: var(--success-fg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--success-fg) 15%, transparent); }
[data-theme] .gd-dot.is-warn { background: var(--warning-fg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--warning-fg) 15%, transparent); }
[data-theme] .gd-dot.is-err { background: var(--danger-fg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger-fg) 15%, transparent); }
[data-theme] .gd-banners:not(:empty) { margin-block-end: var(--space-4); }
[data-theme] .gd-banner {
  display: flex; gap: var(--space-3); align-items: flex-start;
  padding: var(--space-3) var(--space-4); border-radius: var(--radius-md);
  border: 1px solid var(--line); background: var(--bg-2);
  margin-block-end: var(--space-2); font-size: 13px;
}
[data-theme] .gd-banner .gd-tag {
  font: var(--weight-semibold) 10px/1.2 var(--font-mono); letter-spacing: .09em; text-transform: uppercase;
  padding: 3px 7px; border-radius: var(--radius-sm); flex: none; margin-top: 1px;
  background: var(--hover-bg); color: var(--fg-3);
}
[data-theme] .gd-banner.is-warn { border-color: color-mix(in srgb, var(--warning-fg) 40%, transparent); background: color-mix(in srgb, var(--warning-fg) 7%, var(--bg-2)); }
[data-theme] .gd-banner.is-warn .gd-tag { background: color-mix(in srgb, var(--warning-fg) 18%, transparent); color: var(--warning-fg); }
[data-theme] .gd-banner.is-err { border-color: color-mix(in srgb, var(--danger-fg) 40%, transparent); background: color-mix(in srgb, var(--danger-fg) 7%, var(--bg-2)); }
[data-theme] .gd-banner.is-err .gd-tag { background: color-mix(in srgb, var(--danger-fg) 18%, transparent); color: var(--danger-fg); }
[data-theme] .gd-banner-title { font-weight: var(--weight-semibold); margin-bottom: 2px; }
[data-theme] .gd-banner-detail { color: var(--fg-3); }
[data-theme] .gd-banner-detail code { font-family: var(--font-mono); font-size: 12px; background: color-mix(in srgb, var(--bg) 60%, transparent); padding: 1px 5px; border-radius: var(--radius-sm); word-break: break-all; }
[data-theme] .gd-page section { margin-block-end: var(--space-7); }
[data-theme] .gd-section-title {
  display: flex; align-items: center; gap: var(--space-3);
  font: var(--weight-semibold) 12px/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--fg-3); margin: 0 0 var(--space-3);
}
[data-theme] .gd-section-note { font: var(--weight-regular) 12px/1.3 var(--font-body); letter-spacing: 0; text-transform: none; color: var(--fg-3); }
[data-theme] .gd-panel { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-4); }
[data-theme] .gd-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
@media (max-width: 1180px) { [data-theme] .gd-two-col { grid-template-columns: 1fr; } }
[data-theme] .gd-filters { padding: var(--space-3) var(--space-4); margin-block-end: var(--space-6); }
[data-theme] .gd-filter-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; }
[data-theme] .gd-field-slot { display: contents; }
[data-theme] .gd-field { display: flex; flex-direction: column; gap: var(--space-1); min-width: 130px; }
[data-theme] .gd-field.gd-grow { flex: 1 1 220px; }
[data-theme] .gd-field label { font: var(--weight-semibold) 10px/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fg-3); }
[data-theme] .gd-field input, [data-theme] .gd-field select {
  background: var(--bg); border: 1px solid var(--line-2); border-radius: var(--radius-sm);
  padding: var(--space-1) var(--space-2); outline: none; width: 100%;
  color: var(--fg); font: inherit; min-height: var(--space-8);
}
[data-theme] .gd-field input:focus, [data-theme] .gd-field select:focus { border-color: var(--accent); }
[data-theme] .gd-inline-select {
  background: var(--bg-2); border: 1px solid var(--line-2); border-radius: var(--radius-sm);
  padding: 3px 7px; font: var(--weight-regular) 11px/1.3 var(--font-body);
  text-transform: none; letter-spacing: 0; color: var(--fg-3);
}
[data-theme] .gd-filter-summary { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--line); font-size: 12px; color: var(--fg-3); }
[data-theme] .gd-chip {
  display: inline-block; font: var(--weight-medium) 11px/1.4 var(--font-mono);
  background: var(--hover-bg); border: 1px solid var(--line-2); border-radius: var(--radius-sm);
  padding: 2px 7px; margin-right: var(--space-2);
}
[data-theme] .gd-km { margin-block-end: var(--space-6); }
[data-theme] .gd-km-bar { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; margin-block-end: var(--space-3); }
[data-theme] .gd-km-bar .gd-section-title { margin: 0; max-width: 64ch; }
[data-theme] .gd-km-window { display: flex; align-items: flex-end; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .gd-km-window .gd-field { min-width: 0; }
[data-theme] .gd-km-panel.is-loading { opacity: .55; transition: opacity .2s; }
[data-theme] .gd-km-grid { display: grid; grid-template-columns: minmax(220px, 300px) 1fr; gap: var(--space-5); align-items: stretch; }
@media (max-width: 900px) { [data-theme] .gd-km-grid { grid-template-columns: 1fr; } }
[data-theme] .gd-km-rate {
  display: flex; flex-direction: column; justify-content: center;
  background: color-mix(in srgb, var(--success-fg) 8%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--success-fg) 30%, var(--line));
  border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5);
}
[data-theme] .gd-km-rate-v { font: var(--weight-bold) 46px/1 var(--font-mono); letter-spacing: -0.03em; }
[data-theme] .gd-km-rate-v.is-green { color: var(--success-fg); }
[data-theme] .gd-km-rate-v.is-dim { color: var(--fg-3); }
[data-theme] .gd-km-rate-k { font: var(--weight-semibold) 11px/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fg-3); margin-top: var(--space-2); }
[data-theme] .gd-km-rate-s { font-size: 12px; color: var(--fg-3); margin-top: var(--space-1); line-height: 1.4; }
[data-theme] .gd-km-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); }
[data-theme] .gd-km-perpage { margin-top: var(--space-4); }
[data-theme] .gd-km-pp-title { font: var(--weight-semibold) 10px/1.4 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--fg-3); margin-bottom: var(--space-2); }
[data-theme] .gd-km-pp { font-size: 12.5px; }
[data-theme] .gd-km-pp-empty { padding: var(--space-3) 0; }
[data-theme] .gd-km-note { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line); font-size: 12px; line-height: 1.5; color: var(--fg-3); }
[data-theme] .gd-km-note strong { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .gd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(184px, 1fr)); gap: var(--space-3); }
[data-theme] .gd-card { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); min-width: 0; }
[data-theme] .gd-card-k { font-size: 11px; color: var(--fg-3); letter-spacing: .03em; margin-bottom: var(--space-2); }
[data-theme] .gd-card-v { font: var(--weight-semibold) 25px/1.15 var(--font-mono); letter-spacing: -0.02em; }
[data-theme] .gd-card-v.is-green { color: var(--success-fg); }
[data-theme] .gd-card-v.is-amber { color: var(--warning-fg); }
[data-theme] .gd-card-v.is-red { color: var(--danger-fg); }
[data-theme] .gd-card-v.is-dim { color: var(--fg-3); }
[data-theme] .gd-card-s { font: var(--weight-regular) 11px/1.4 var(--font-mono); color: var(--fg-3); margin-top: var(--space-1); }
[data-theme] .gd-funnel { display: flex; flex-direction: column; gap: 3px; }
[data-theme] .gd-fstage { display: grid; grid-template-columns: 168px 1fr 168px; gap: var(--space-4); align-items: center; padding: var(--space-2) 0; }
[data-theme] .gd-flabel { font-size: 13px; }
[data-theme] .gd-fhint { font-size: 11px; color: var(--fg-3); }
[data-theme] .gd-ftrack { background: var(--bg); border-radius: var(--radius-sm); height: 30px; position: relative; overflow: hidden; border: 1px solid var(--line); }
[data-theme] .gd-fbar { height: 100%; border-radius: var(--radius-sm); transition: width .5s cubic-bezier(.2,.7,.3,1); min-width: 2px; }
[data-theme] .gd-fbar.is-green { background: var(--success-fg); }
[data-theme] .gd-fbar.is-blue { background: var(--info-fg); }
[data-theme] .gd-fbar.is-amber { background: var(--warning-fg); }
[data-theme] .gd-fcount {
  position: absolute; left: var(--space-3); top: 50%; transform: translateY(-50%);
  font: var(--weight-semibold) 13px/1 var(--font-mono); color: var(--bg);
}
[data-theme] .gd-fcount.is-outside { color: var(--fg-3); }
[data-theme] .gd-fmeta { text-align: right; font: var(--weight-regular) 12px/1.4 var(--font-mono); color: var(--fg-3); }
[data-theme] .gd-drop { color: var(--danger-fg); }
@media (max-width: 760px) { [data-theme] .gd-fstage { grid-template-columns: 1fr; gap: var(--space-1); } [data-theme] .gd-fmeta { text-align: left; } }
[data-theme] .gd-timechart { min-height: 200px; display: flex; flex-direction: column; justify-content: flex-end; }
[data-theme] .gd-timebars { display: flex; align-items: flex-end; gap: 2px; height: 180px; }
[data-theme] .gd-timebar { flex: 1 1 0; height: 100%; display: flex; align-items: flex-end; min-width: 3px; }
[data-theme] .gd-timebar-fill { width: 100%; background: var(--success-fg); border-radius: 2px 2px 0 0; opacity: .85; }
[data-theme] .gd-timebar:hover .gd-timebar-fill { opacity: 1; }
[data-theme] .gd-timechart-foot { display: flex; justify-content: space-between; padding-top: var(--space-2); font: var(--weight-regular) 11px/1.4 var(--font-mono); color: var(--fg-3); }
[data-theme] .gd-table-scroll { overflow-x: auto; }
[data-theme] .gd-table { width: 100%; border-collapse: collapse; font-size: 13px; }
[data-theme] .gd-table th {
  text-align: left; font: var(--weight-semibold) 10px/1.4 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--fg-3); padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--line-2);
  white-space: nowrap; background: var(--bg-2); position: sticky; top: 0;
}
[data-theme] .gd-table th.gd-sortable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
[data-theme] .gd-table th.gd-sortable:hover { color: var(--fg); }
[data-theme] .gd-arrow { color: var(--success-fg); margin-left: 3px; }
[data-theme] .gd-table td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--line); vertical-align: top; }
[data-theme] .gd-table tbody tr:last-child td { border-bottom: none; }
[data-theme] .gd-num { font-family: var(--font-mono); text-align: right; white-space: nowrap; }
[data-theme] .gd-mono { font-family: var(--font-mono); }
[data-theme] .gd-muted { color: var(--fg-3); }
[data-theme] .gd-flag { color: var(--warning-fg); }
[data-theme] .gd-link { color: var(--fg); text-decoration: underline; text-decoration-color: var(--line-2); }
[data-theme] .gd-link:hover { text-decoration-color: var(--fg); }
[data-theme] .gd-table tbody tr.gd-clickable { cursor: pointer; }
[data-theme] .gd-table tbody tr.gd-clickable:hover > td { background: var(--hover-bg); }
[data-theme] .gd-table tr.is-open > td { background: var(--hover-bg); }
[data-theme] .gd-table-foot { padding-top: var(--space-3); font: var(--weight-regular) 12px/1.4 var(--font-mono); color: var(--fg-3); }
[data-theme] .gd-empty-row { padding: var(--space-7) var(--space-3); text-align: center; color: var(--fg-3); }
[data-theme] .gd-barcell { width: 120px; min-width: 60px; vertical-align: middle; }
[data-theme] .gd-minibar { height: 10px; background: var(--success-fg); border-radius: 2px; opacity: .8; min-width: 2px; }

[data-theme] .gd-pill {
  display: inline-block; font: var(--weight-medium) 10.5px/1.5 var(--font-mono);
  padding: 2px 7px; border-radius: var(--radius-sm); border: 1px solid var(--line-2);
  background: var(--hover-bg); color: var(--fg-3); white-space: nowrap;
}
[data-theme] .gd-pill.is-green { color: var(--success-fg); border-color: color-mix(in srgb, var(--success-fg) 35%, transparent); background: color-mix(in srgb, var(--success-fg) 10%, transparent); }
[data-theme] .gd-pill.is-amber { color: var(--warning-fg); border-color: color-mix(in srgb, var(--warning-fg) 35%, transparent); background: color-mix(in srgb, var(--warning-fg) 10%, transparent); }
[data-theme] .gd-pill.is-red { color: var(--danger-fg); border-color: color-mix(in srgb, var(--danger-fg) 35%, transparent); background: color-mix(in srgb, var(--danger-fg) 10%, transparent); }
[data-theme] .gd-pill.is-blue { color: var(--info-fg); border-color: color-mix(in srgb, var(--info-fg) 35%, transparent); background: color-mix(in srgb, var(--info-fg) 10%, transparent); }

[data-theme] .gd-stagebar { display: inline-flex; gap: 2px; vertical-align: middle; margin-right: var(--space-2); }
[data-theme] .gd-stagebar i { width: 7px; height: 13px; border-radius: 1.5px; background: var(--hover-bg); display: block; }
[data-theme] .gd-stagebar i.is-on { background: var(--success-fg); }
[data-theme] .gd-caret { display: inline-block; width: 11px; color: var(--fg-3); font-family: var(--font-mono); }
[data-theme] .gd-detail-cell { padding: 0 !important; background: var(--bg) !important; }
[data-theme] .gd-detail { padding: var(--space-4) var(--space-5); }
[data-theme] .gd-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-4); }
[data-theme] .gd-detail-block { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
[data-theme] .gd-detail-block h4 {
  margin: 0 0 var(--space-3); font: var(--weight-semibold) 10px/1.4 var(--font-mono);
  letter-spacing: .08em; text-transform: uppercase; color: var(--fg-3);
}
[data-theme] .gd-kv { display: grid; grid-template-columns: auto 1fr; gap: var(--space-1) var(--space-3); font-size: 12.5px; margin: 0; }
[data-theme] .gd-kv dt { color: var(--fg-3); white-space: nowrap; }
[data-theme] .gd-kv dd { margin: 0; font-family: var(--font-mono); word-break: break-word; }
[data-theme] .gd-journey { display: flex; flex-direction: column; }
[data-theme] .gd-jstep { display: grid; grid-template-columns: 16px 1fr; gap: var(--space-3); }
[data-theme] .gd-rail { display: flex; flex-direction: column; align-items: center; }
[data-theme] .gd-node { width: 9px; height: 9px; border-radius: var(--radius-pill); background: var(--hover-bg); border: 1px solid var(--line-2); margin-top: 5px; flex: none; }
[data-theme] .gd-jstep.is-done .gd-node { background: var(--success-fg); border-color: var(--success-fg); }
[data-theme] .gd-line { width: 1px; flex: 1; background: var(--line-2); min-height: 12px; }
[data-theme] .gd-jstep:last-child .gd-line { display: none; }
[data-theme] .gd-jstep > div:last-child { padding-bottom: var(--space-3); min-width: 0; }
[data-theme] .gd-jtitle { font-size: 12.5px; }
[data-theme] .gd-jstep:not(.is-done) .gd-jtitle { color: var(--fg-3); }
[data-theme] .gd-jmeta { font: var(--weight-regular) 11px/1.4 var(--font-mono); color: var(--fg-3); margin-top: 1px; }
[data-theme] .gd-orders { width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap; }
[data-theme] .gd-orders th { text-align: left; color: var(--fg-3); font: var(--weight-medium) 10px/1.4 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; padding: 3px var(--space-2) 3px 0; }
[data-theme] .gd-orders td { padding: 3px var(--space-2) 3px 0; font-family: var(--font-mono); border-top: 1px solid var(--line); }
[data-theme] .gd-sales-cards {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-3); margin-block-end: var(--space-4);
}
[data-theme] .gd-table.gd-perpage { font-size: 12.5px; }
[data-theme] .gd-perpage thead th { border-bottom: none; }
[data-theme] .gd-perpage .gd-pp-groups th {
  text-align: center; border-bottom: 1px solid var(--line-2);
  border-left: 1px solid var(--line); padding-block: var(--space-2);
}
[data-theme] .gd-perpage .gd-pp-groups th.gd-pp-name { text-align: left; border-left: none; }
[data-theme] .gd-perpage .gd-pp-sub th { text-align: right; font-size: 9.5px; color: var(--fg-3); padding-block: var(--space-1) var(--space-2); }
[data-theme] .gd-perpage .gd-pp-name { text-align: left; white-space: nowrap; font-family: var(--font-body); }
[data-theme] .gd-perpage td { vertical-align: middle; }
[data-theme] .gd-perpage tbody td:nth-child(2),
[data-theme] .gd-perpage tbody td:nth-child(4),
[data-theme] .gd-perpage tbody td:nth-child(6),
[data-theme] .gd-perpage tbody td:nth-child(9),
[data-theme] .gd-perpage tbody td:nth-child(11) { border-left: 1px solid var(--line); }
[data-theme] .gd-perpage tr.gd-pp-page > td { font-weight: var(--weight-semibold); background: color-mix(in srgb, var(--fg) 3%, transparent); }
[data-theme] .gd-perpage tr.gd-pp-page.gd-pp-expandable { cursor: pointer; }
[data-theme] .gd-perpage tr.gd-pp-page.gd-pp-expandable:hover > td { background: var(--hover-bg); }
[data-theme] .gd-perpage tr.gd-pp-offer > td { color: var(--fg-2, var(--fg)); }
[data-theme] .gd-perpage tr.gd-pp-offer .gd-pp-name { padding-left: var(--space-5); color: var(--fg-3); font-weight: var(--weight-regular); }
[data-theme] .gd-pp-caret { display: inline-block; width: 14px; color: var(--fg-3); font-family: var(--font-mono); }
[data-theme] .gd-pp-branch { display: inline-block; width: 16px; color: var(--fg-3); }
[data-theme] .gd-perpage tr.gd-pp-grouplabel > td { border-top: 1px solid var(--line-2); padding: var(--space-3) var(--space-3) var(--space-1); text-transform: uppercase; font: var(--weight-semibold) 10px/1.3 var(--font-mono); letter-spacing: .07em; color: var(--fg-3); background: none; }
[data-theme] .gd-perpage tr.gd-pp-grouplabel:first-child > td { border-top: none; }
[data-theme] .gd-perpage tr.gd-pp-grouplabel .gd-pp-group-note { text-transform: none; letter-spacing: 0; font-family: var(--font-body); font-weight: var(--weight-regular); color: var(--fg-3); }
[data-theme] .gd-perpage tr.gd-pp-app > td { font-weight: var(--weight-regular); background: none; }
[data-theme] .gd-perpage tr.gd-pp-app .gd-pp-name { color: var(--fg-2, var(--fg)); }
[data-theme] .gd-perpage tr.gd-pp-total > td { border-top: 2px solid var(--line-2); font-weight: var(--weight-semibold); font-family: var(--font-mono); }
[data-theme] .gd-perpage tr.gd-pp-total .gd-pp-name { font-family: var(--font-body); text-transform: uppercase; font-size: 10px; letter-spacing: .07em; color: var(--fg-3); }
[data-theme] .gd-perpage tr.gd-pp-offer .gd-pill { font-size: 9px; padding: 1px 5px; margin-left: var(--space-1); }
[data-theme] .gd-perpage-note {
  margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--line);
  font-size: 12px; line-height: 1.5; color: var(--fg-3);
}
[data-theme] .gd-perpage-note strong { color: var(--fg); font-weight: var(--weight-semibold); }
[data-theme] .gd-diagnostics { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--space-3) var(--space-6); font-size: 13px; }
[data-theme] .gd-diag { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-1) 0; border-bottom: 1px solid var(--line); }
[data-theme] .gd-diag > span:first-child { color: var(--fg-3); }
[data-theme] .gd-foot { color: var(--fg-3); font: var(--weight-regular) 12px/1.5 var(--font-mono); padding-top: var(--space-2); }
[data-theme] .gd-vj { display: grid; gap: var(--space-4); }
[data-theme] .gd-vj-form { display: flex; gap: var(--space-2); flex-wrap: wrap; }
[data-theme] .gd-vj-input {
  flex: 1 1 320px; min-width: 0;
  padding: var(--space-2) var(--space-3);
  background: var(--bg); border: 1px solid var(--line-2); border-radius: var(--radius-sm);
  color: var(--fg); font-family: var(--font-mono); font-size: 13px;
}
[data-theme] .gd-vj-input:focus { border-color: var(--accent); outline: none; }
[data-theme] .gd-vj-trace { margin-left: var(--space-3); font-size: 11px; padding: 2px 8px; }
[data-theme] .gd-vj-empty { padding: var(--space-3) 0; }
[data-theme] .gd-vj-head { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .gd-vj-ids { display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-theme] .gd-vj-flags { display: flex; flex-wrap: wrap; gap: var(--space-2); }
[data-theme] .gd-vj-drop { font-size: 13px; color: var(--fg-2, var(--fg)); }
[data-theme] .gd-vj-metaline { font-size: 12px; font-family: var(--font-mono); }
[data-theme] .gd-vj-sessions { display: grid; gap: var(--space-4); }
[data-theme] .gd-vj-session {
  border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4); background: var(--bg);
}
[data-theme] .gd-vj-session-head { font: var(--weight-semibold) 12px/1.3 var(--font-body); margin-block-end: var(--space-3); }
[data-theme] .gd-vj-timeline { display: grid; gap: 0; }
[data-theme] .gd-vj-event { display: grid; grid-template-columns: 14px 1fr; gap: var(--space-3); position: relative; padding-block: var(--space-2); }
[data-theme] .gd-vj-event::before {
  content: ""; position: absolute; left: 6px; top: 0; bottom: 0; width: 1px; background: var(--line-2);
}
[data-theme] .gd-vj-event:first-child::before { top: 12px; }
[data-theme] .gd-vj-event:last-child::before { bottom: calc(100% - 12px); }
[data-theme] .gd-vj-node {
  width: 9px; height: 9px; border-radius: var(--radius-pill); margin-top: 4px; z-index: 1;
  background: var(--fg-3); border: 2px solid var(--bg);
}
[data-theme] .gd-vj-k-offer_view .gd-vj-node,
[data-theme] .gd-vj-k-checkout .gd-vj-node { background: var(--accent, var(--fg)); }
[data-theme] .gd-vj-k-purchase .gd-vj-node { background: var(--ok, #16a34a); }
[data-theme] .gd-vj-k-canceled .gd-vj-node,
[data-theme] .gd-vj-k-capture_failed .gd-vj-node { background: var(--danger, #dc2626); }
[data-theme] .gd-vj-body { min-width: 0; }
[data-theme] .gd-vj-line { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; font-size: 13px; }
[data-theme] .gd-vj-time { color: var(--fg-3); font-size: 11px; white-space: nowrap; }
[data-theme] .gd-vj-label { font-weight: var(--weight-semibold); }
[data-theme] .gd-vj-repeat { color: var(--fg-3); font-family: var(--font-mono); font-size: 11px; }
[data-theme] .gd-vj-src { font-size: 9px; text-transform: uppercase; letter-spacing: .05em; padding: 1px 6px; }
[data-theme] .gd-vj-detail { font-size: 12px; margin-top: 2px; }

[data-theme] .glb-shell {
  max-width: 1120px;
  margin: 0 auto;
  padding: 48px 32px 88px;
}
[data-theme] .glb-hero {
  padding-bottom: 28px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .glb-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin-bottom: 16px;
}
[data-theme] .glb-hero__pulse {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--fg-4);
  flex-shrink: 0;
}
[data-theme] .glb-hero__pulse.is-live {
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
  animation: glb-pulse 2s infinite;
}
@keyframes glb-pulse {
  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  70%  { box-shadow: 0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent); }
  100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent); }
}
[data-theme] .glb-hero__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 6vw, 68px);
  line-height: 0.96;
  letter-spacing: -0.03em;
  margin: 0 0 14px;
  color: var(--fg);
}
[data-theme] .glb-hero__accent { color: var(--accent-text); }
[data-theme] .glb-hero__lede {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--fg-3);
  line-height: 1.55;
  margin: 0;
  max-width: 60ch;
}
[data-theme] .glb-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg-1);
  overflow: hidden;
  margin-bottom: 20px;
}
[data-theme] .glb-meta__cell {
  padding: 18px 22px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
[data-theme] .glb-meta__cell:last-child { border-right: 0; }
[data-theme] .glb-meta__label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-4);
  font-weight: 600;
}
[data-theme] .glb-meta__value {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--fg);
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
[data-theme] .glb-meta__value--sm { font-size: 15px; letter-spacing: 0; }
[data-theme] .glb-meta__value--live { color: var(--accent-text); }
[data-theme] .glb-meta__unit {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  color: var(--fg-3);
  font-weight: 500;
  text-transform: uppercase;
}
[data-theme] .glb-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding: 20px 24px;
  margin-bottom: 32px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
}
[data-theme] .glb-cta__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
[data-theme] .glb-cta__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--fg);
}
[data-theme] .glb-cta__desc {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .glb-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 9px;
  background: var(--accent);
  color: var(--accent-fg);
  border: 1px solid var(--accent);
  transition: filter 0.15s, transform 0.1s;
}
[data-theme] .glb-cta__btn:hover { filter: brightness(1.05); }
[data-theme] .glb-cta__btn:active { transform: translateY(1px); }
[data-theme] .glb-cta__ico { width: 16px; height: 16px; }
[data-theme] .glb-boards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 20px;
}
[data-theme] .glb-panel {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
[data-theme] .glb-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .glb-panel__heading { min-width: 0; }
[data-theme] .glb-panel__eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-text);
  display: block;
  margin-bottom: 8px;
}
[data-theme] .glb-panel__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  line-height: 1.1;
  color: var(--fg);
}
[data-theme] .glb-panel__desc {
  margin: 0;
  color: var(--fg-3);
  font-size: 13px;
  line-height: 1.5;
  font-family: var(--font-body);
  max-width: 42ch;
}
[data-theme] .glb-panel__scope {
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  white-space: nowrap;
}
[data-theme] .glb-rows {
  list-style: none;
  margin: 0;
  padding: 8px 12px;
  flex: 1;
}
[data-theme] .glb-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border-radius: 10px;
}
[data-theme] .glb-row + .glb-row { border-top: 1px solid var(--line); border-radius: 0; }
[data-theme] .glb-row.is-lead {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  border-radius: 10px;
}
[data-theme] .glb-row.is-lead + .glb-row { border-top: 0; }
[data-theme] .glb-row__rank {
  flex-shrink: 0;
  width: 26px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-4);
  font-variant-numeric: tabular-nums;
}
[data-theme] .glb-row.is-lead .glb-row__rank { color: var(--accent-text); }
[data-theme] .glb-row__body { flex: 1; min-width: 0; }
[data-theme] .glb-row__title {
  display: block;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .glb-row__sub {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .glb-row__value {
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
[data-theme] .glb-row.is-lead .glb-row__value { color: var(--accent-text); }

[data-theme] .glb-panel__foot {
  padding: 12px 24px;
  border-top: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-4);
}
[data-theme] .glb-empty {
  flex: 1;
  padding: 40px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .glb-empty__msg {
  margin: 0;
  text-align: center;
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--fg-3);
  line-height: 1.55;
  max-width: 34ch;
}
[data-theme] .glb-pass {
  padding: 26px 24px 24px;
  margin-bottom: 32px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg-1);
  scroll-margin-top: 80px;
}
[data-theme] .glb-pass__head { margin-bottom: 22px; }
[data-theme] .glb-pass__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin-bottom: 12px;
}
[data-theme] .glb-pass__eyebrow-ico { flex-shrink: 0; }
[data-theme] .glb-pass__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 3.4vw, 32px);
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0 0 10px;
  color: var(--fg);
}
[data-theme] .glb-pass__lede {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-3);
  max-width: 58ch;
}

[data-theme] .glb-pass__group + .glb-pass__group {
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
[data-theme] .glb-pass__group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
[data-theme] .glb-pass__group-title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 12px;
  color: var(--fg);
}
[data-theme] .glb-pass__group-head .glb-pass__group-title { margin-bottom: 6px; }
[data-theme] .glb-pass__price {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  padding: 4px 11px;
  white-space: nowrap;
}
[data-theme] .glb-pass__group-desc {
  margin: 0 0 14px;
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg-3);
}

[data-theme] .glb-pass__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
[data-theme] .glb-pass__card {
  display: flex;
  gap: 13px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--bg-2);
}
[data-theme] .glb-pass__card.is-granted {
  border-color: color-mix(in srgb, var(--accent) 38%, var(--line));
  background: color-mix(in srgb, var(--accent) 6%, var(--bg-2));
}
[data-theme] .glb-pass__ico {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--bg-3);
  color: var(--fg-3);
}
[data-theme] .glb-pass__card.is-granted .glb-pass__ico { color: var(--accent-text); }
[data-theme] .glb-pass__body { min-width: 0; flex: 1; }
[data-theme] .glb-pass__name {
  display: inline;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--fg);
}
[data-theme] .glb-pass__badge {
  display: inline-block;
  margin-left: 7px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--warning-fg);
  background: var(--warning-bg);
  border-radius: var(--radius-xs);
  padding: 3px 7px;
  vertical-align: 1px;
}
[data-theme] .glb-pass__desc {
  margin: 6px 0 0;
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
}
[data-theme] .glb-pass__open {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 8px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: var(--accent-fg);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none;
  transition: filter 0.15s;
}
[data-theme] .glb-pass__open:hover { filter: brightness(1.05); }
[data-theme] .glb-pass__open-ico { flex-shrink: 0; }
[data-theme] .glb-pass__code {
  display: inline-block;
  margin-top: 11px;
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px dashed var(--line-2);
  background: var(--code-bg);
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--fg);
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
[data-theme] .glb-pass__state {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 11px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  line-height: 1.4;
  color: var(--fg-4);
}
[data-theme] .glb-pass__state-ico { flex-shrink: 0; }
[data-theme] .glb-pass__card.is-granted .glb-pass__state { color: var(--success-fg); }
[data-theme] .glb-pass__card.is-pending .glb-pass__state { color: var(--warning-fg); }
[data-theme] .glb-pass__card.is-revoked .glb-pass__state,
[data-theme] .glb-pass__card.is-undeliverable .glb-pass__state { color: var(--danger-fg); }

[data-theme] .glb-pass__join {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  min-height: 44px;
  padding: 12px 22px;
  border-radius: 9px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: var(--accent-fg);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: filter 0.15s, transform 0.1s;
}
[data-theme] .glb-pass__join:hover { filter: brightness(1.05); }
[data-theme] .glb-pass__join:active { transform: translateY(1px); }
[data-theme] .glb-pass__join-ico { flex-shrink: 0; }
[data-theme] .glb-pass__note {
  margin: 9px 0 0;
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-4);
}
@media (max-width: 860px) {
  [data-theme] .glb-boards { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  [data-theme] .glb-shell { padding: 32px 18px 64px; }
  [data-theme] .glb-meta { grid-template-columns: 1fr; }
  [data-theme] .glb-meta__cell { border-right: 0; border-bottom: 1px solid var(--line); }
  [data-theme] .glb-meta__cell:last-child { border-bottom: 0; }
  [data-theme] .glb-cta { flex-direction: column; align-items: flex-start; }
  [data-theme] .glb-cta__btn { width: 100%; justify-content: center; }
  [data-theme] .glb-pass { padding: 22px 18px 20px; }
  [data-theme] .glb-pass__grid { grid-template-columns: 1fr; }
  [data-theme] .glb-pass__join { width: 100%; justify-content: center; }
  [data-theme] .glb-pass__open { min-height: 40px; }
}
[data-theme] .apikeys-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-4);
}
[data-theme] .apikeys-form .input,
[data-theme] .apikeys-form .select {
  height: 40px;
  min-height: 40px;
}
[data-theme] .apikeys-form .input:disabled,
[data-theme] .apikeys-form .select:disabled {
  color: var(--fg-3) !important;
  opacity: 1;
  cursor: not-allowed;
}
[data-theme] .apikeys-link {
  color: var(--accent-text);
  font-weight: 600;
  text-decoration: none;
}

[data-theme] .apikeys-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
[data-theme] .ds-callout .apikeys-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-theme] .mobile-publish {
  padding: var(--space-6) var(--space-5) var(--space-10);
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  color: var(--fg-2);
}
[data-theme] .mobile-publish .mp-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
}
[data-theme] .mobile-publish .mp-title {
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 var(--space-1);
}
[data-theme] .mobile-publish .mp-sub {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
  max-width: 60ch;
}
[data-theme] .mobile-publish .mp-appname { color: var(--fg-2); font-weight: 600; }
[data-theme] .mobile-publish .mp-steps {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
  padding: var(--space-2) 0 var(--space-1);
}
[data-theme] .mobile-publish .mp-step {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1-5) var(--space-3);
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  color: var(--fg-3);
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
}
[data-theme] .mobile-publish .mp-step:hover { background: var(--hover-bg); color: var(--fg-2); }
[data-theme] .mobile-publish .mp-step:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .mobile-publish .mp-step.is-active {
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-2));
  border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
  color: var(--fg);
}
[data-theme] .mobile-publish .mp-step.is-done { color: var(--fg-2); }
[data-theme] .mobile-publish .mp-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--bg-3);
  color: var(--fg-3);
  font-size: 11px;
  font-weight: 600;
  flex: 0 0 auto;
}
[data-theme] .mobile-publish .mp-step.is-active .mp-step-num { background: var(--accent); color: var(--accent-fg); }
[data-theme] .mobile-publish .mp-step.is-done .mp-step-num { background: color-mix(in srgb, var(--success-fg) 24%, var(--bg-3)); color: var(--success-fg); }
[data-theme] .mobile-publish .mp-step-sep { flex: 1 1 8px; height: 1px; background: var(--line); min-width: 8px; max-width: 28px; }
[data-theme] .mobile-publish .mp-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: var(--space-6);
  align-items: start;
}
[data-theme] .mobile-publish .mp-body { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
@media (max-width: 860px) {
  [data-theme] .mobile-publish .mp-layout { grid-template-columns: minmax(0, 1fr); }
}
[data-theme] .mobile-publish .mp-step-head { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .mobile-publish .mp-step-title {
  margin: 0;
  font-family: var(--font-display), var(--font-body);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--fg);
}
[data-theme] .mobile-publish .mp-step-desc { margin: 0; font-size: 13px; line-height: 1.55; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-step-desc strong { color: var(--fg-2); font-weight: 600; }
[data-theme] .mobile-publish .mp-form { display: flex; flex-direction: column; gap: var(--space-4); }
[data-theme] .mobile-publish .mp-field { display: flex; flex-direction: column; gap: var(--space-1-5); }
[data-theme] .mobile-publish .mp-field-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}
@media (max-width: 560px) {
  [data-theme] .mobile-publish .mp-field-row { grid-template-columns: 1fr; }
}
[data-theme] .mobile-publish .mp-label { font-size: 13px; font-weight: 600; color: var(--fg-2); }
[data-theme] .mobile-publish .mp-optional { font-weight: 400; color: var(--fg-4); }
[data-theme] .mobile-publish .mp-help { margin: 0; font-size: 12px; line-height: 1.5; color: var(--fg-4); }
[data-theme] .mobile-publish .mp-help strong { color: var(--fg-3); font-weight: 600; }
[data-theme] .mobile-publish .mono { font-family: var(--font-mono); }

[data-theme] .mobile-publish .mp-input,
[data-theme] .mobile-publish .mp-textarea,
[data-theme] .mobile-publish .mp-select {
  width: 100%;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  color: var(--fg);
  font-size: 13px;
  padding: 0 var(--space-3);
  height: 40px;
  transition: border-color var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .mobile-publish .mp-textarea { height: auto; padding: var(--space-2-5) var(--space-3); line-height: 1.5; resize: vertical; }
[data-theme] .mobile-publish .mp-input::-moz-placeholder, [data-theme] .mobile-publish .mp-textarea::-moz-placeholder { color: var(--fg-4); }
[data-theme] .mobile-publish .mp-input::placeholder,
[data-theme] .mobile-publish .mp-textarea::placeholder { color: var(--fg-4); }
[data-theme] .mobile-publish .mp-input:focus,
[data-theme] .mobile-publish .mp-textarea:focus,
[data-theme] .mobile-publish .mp-select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  box-shadow: var(--focus-ring);
}
[data-theme] .mobile-publish .mp-input.is-invalid { border-color: color-mix(in srgb, var(--danger-fg) 55%, var(--line)); }

[data-theme] .mobile-publish .mp-color {
  width: 100%;
  height: 40px;
  padding: var(--space-1);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  cursor: pointer;
}
[data-theme] .mobile-publish .mp-color::-webkit-color-swatch-wrapper { padding: 0; }
[data-theme] .mobile-publish .mp-color::-webkit-color-swatch { border: none; border-radius: var(--radius-sm); }

[data-theme] .mobile-publish .mp-input-copy { display: flex; gap: var(--space-2); align-items: center; }
[data-theme] .mobile-publish .mp-input-copy .mp-input { flex: 1 1 auto; }
[data-theme] .mobile-publish .mp-icobtn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  color: var(--fg-3);
  cursor: pointer;
  transition: background-color var(--t-base) var(--ease-out), color var(--t-base) var(--ease-out);
}
[data-theme] .mobile-publish .mp-icobtn:hover { background: var(--hover-bg); color: var(--fg); }
[data-theme] .mobile-publish .mp-icobtn:focus-visible { outline: none; box-shadow: var(--focus-ring); }

[data-theme] .mobile-publish .mp-secret-set {
  display: flex; align-items: center; gap: var(--space-2);
  font-size: 12px; color: var(--fg-3);
  padding: var(--space-2) var(--space-3);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
[data-theme] .mobile-publish .mp-filerow {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 12.5px; color: var(--fg-3); cursor: pointer;
  margin-top: var(--space-1);
}
[data-theme] .mobile-publish .mp-file { font-size: 12px; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-checklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .mobile-publish .mp-check {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  transition: border-color var(--t-base) var(--ease-out);
}
[data-theme] .mobile-publish .mp-check.is-done { border-color: color-mix(in srgb, var(--success-fg) 30%, var(--line)); }
[data-theme] .mobile-publish .mp-check.is-inline { background: transparent; border: none; }
[data-theme] .mobile-publish .mp-check-label { display: flex; gap: var(--space-3); padding: var(--space-3) var(--space-4); cursor: pointer; }
[data-theme] .mobile-publish .mp-check-box { margin-top: 3px; width: 16px; height: 16px; flex: 0 0 auto; accent-color: var(--accent); cursor: pointer; }
[data-theme] .mobile-publish .mp-check-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
[data-theme] .mobile-publish .mp-check-title { font-size: 13px; font-weight: 600; color: var(--fg); }
[data-theme] .mobile-publish .mp-check-detail { font-size: 12px; line-height: 1.5; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-check-link {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-size: 12px; color: var(--accent-text); text-decoration: none; margin-top: 2px;
}
[data-theme] .mobile-publish .mp-check-link:hover { color: var(--accent-text-hover); text-decoration: underline; }
[data-theme] .mobile-publish .mp-check.is-inline .mp-check-label { padding: 0; }
[data-theme] .mobile-publish .mp-callout {
  --mp-accent: var(--info-fg);
  display: flex;
  align-items: flex-start;
  gap: var(--space-2-5);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--mp-accent) 42%, var(--line));
  background: color-mix(in srgb, var(--mp-accent) 12%, var(--bg-1));
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--fg-2);
}
[data-theme] .mobile-publish .mp-callout > svg,
[data-theme] .mobile-publish .mp-callout > i { color: var(--mp-accent); flex: 0 0 auto; margin-top: 1px; }
[data-theme] .mobile-publish .mp-callout--info { --mp-accent: var(--info-fg); }
[data-theme] .mobile-publish .mp-callout--success { --mp-accent: var(--success-fg); }
[data-theme] .mobile-publish .mp-callout--warn { --mp-accent: var(--warning-fg); }
[data-theme] .mobile-publish .mp-callout--danger { --mp-accent: var(--danger-fg); }
[data-theme] .mobile-publish .mp-callout-title { font-weight: 700; color: var(--fg); margin-bottom: 2px; }
[data-theme] .mobile-publish .mp-callout-body { margin: 0; color: var(--fg-2); }
[data-theme] .mobile-publish .mp-callout strong { color: var(--fg); font-weight: 600; }
[data-theme] .mobile-publish .mp-error-list { margin: var(--space-1) 0 0; padding-left: var(--space-4); display: flex; flex-direction: column; gap: 2px; }

[data-theme] .mobile-publish .mp-trust-list { list-style: none; margin: var(--space-1) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-1); }
[data-theme] .mobile-publish .mp-trust-list li { position: relative; padding-left: var(--space-4); }
[data-theme] .mobile-publish .mp-trust-list li::before { content: "•"; position: absolute; left: var(--space-1); color: var(--fg-4); }
[data-theme] .mobile-publish .mp-icon-row { display: flex; gap: var(--space-4); align-items: flex-start; }
[data-theme] .mobile-publish .mp-icon-preview {
  width: 72px; height: 72px; flex: 0 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--bg-1);
  display: flex; align-items: center; justify-content: center;
}
[data-theme] .mobile-publish .mp-icon-preview img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
[data-theme] .mobile-publish .mp-icon-placeholder { color: var(--fg-4); }
[data-theme] .mobile-publish .mp-icon-text { flex: 1 1 auto; display: flex; flex-direction: column; gap: var(--space-1-5); min-width: 0; }
[data-theme] .mobile-publish .mp-review-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  padding: var(--space-4) var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
[data-theme] .mobile-publish .mp-review-card-head { display: flex; align-items: center; gap: var(--space-2); color: var(--fg-3); }
[data-theme] .mobile-publish .mp-review-card-head h4 { margin: 0; font-size: 14px; font-weight: 700; color: var(--fg); }
[data-theme] .mobile-publish .mp-review-card-head > svg,
[data-theme] .mobile-publish .mp-review-card-head > i { color: var(--fg-3); }
[data-theme] .mobile-publish .mp-review-note { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-review-placeholder {
  display: flex; align-items: flex-start; gap: var(--space-2);
  padding: var(--space-3);
  border: 1px dashed var(--line-2);
  border-radius: var(--radius-md);
  background: var(--bg-1);
  font-size: 12.5px; line-height: 1.5; color: var(--fg-3);
}
[data-theme] .mobile-publish .mp-review-placeholder > svg { color: var(--fg-4); flex: 0 0 auto; margin-top: 1px; }
[data-theme] .mobile-publish .mp-badge-soon,
[data-theme] .mobile-publish .mp-recommended {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 2px var(--space-1-5);
  border-radius: var(--radius-xs);
  vertical-align: middle;
  margin-left: var(--space-1-5);
}
[data-theme] .mobile-publish .mp-badge-soon { background: color-mix(in srgb, var(--info-fg) 18%, var(--bg-1)); color: var(--info-fg); }
[data-theme] .mobile-publish .mp-recommended { background: color-mix(in srgb, var(--accent) 20%, var(--bg-1)); color: var(--accent-text); }
[data-theme] .mobile-publish .mp-tag-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .mobile-publish .mp-tag { display: flex; flex-direction: column; gap: 2px; padding: var(--space-2) var(--space-3); background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--radius-sm); }
[data-theme] .mobile-publish .mp-tag-name { font-size: 13px; font-weight: 600; color: var(--fg); }
[data-theme] .mobile-publish .mp-tag-detail { font-size: 12px; color: var(--fg-3); line-height: 1.45; }
[data-theme] .mobile-publish .mp-summary { margin: 0; display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .mobile-publish .mp-summary-row { display: flex; justify-content: space-between; gap: var(--space-4); align-items: baseline; }
[data-theme] .mobile-publish .mp-summary-row dt { font-size: 12.5px; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-summary-row dd { margin: 0; font-size: 13px; color: var(--fg); text-align: right; }
[data-theme] .mobile-publish .mp-yes { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--success-fg); }
[data-theme] .mobile-publish .mp-no { color: var(--warning-fg); }
[data-theme] .mobile-publish .mp-radio-group { display: flex; flex-direction: column; gap: var(--space-2); }
[data-theme] .mobile-publish .mp-radio { display: flex; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-1); cursor: pointer; transition: border-color var(--t-base) var(--ease-out), background-color var(--t-base) var(--ease-out); }
[data-theme] .mobile-publish .mp-radio:hover { background: var(--bg-3); }
[data-theme] .mobile-publish .mp-radio.is-selected { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, var(--bg-1)); }
[data-theme] .mobile-publish .mp-radio input { margin-top: 3px; width: 16px; height: 16px; flex: 0 0 auto; accent-color: var(--accent); cursor: pointer; }
[data-theme] .mobile-publish .mp-radio-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
[data-theme] .mobile-publish .mp-radio-title { font-size: 13px; font-weight: 600; color: var(--fg); }
[data-theme] .mobile-publish .mp-radio-detail { font-size: 12px; line-height: 1.5; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-actions { display: flex; gap: var(--space-3); align-items: center; padding-top: var(--space-1); }
[data-theme] .mobile-publish .mp-actions--split { justify-content: flex-start; }
[data-theme] .mobile-publish .mp-dryrun-form { margin: 0; }
[data-theme] .mobile-publish .mp-dryrun-out { display: flex; flex-direction: column; gap: var(--space-3); }
[data-theme] .mobile-publish .mp-dryrun-block { display: flex; flex-direction: column; gap: var(--space-1-5); }
[data-theme] .mobile-publish .mp-dryrun-label { font-size: 12px; font-weight: 600; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-code {
  margin: 0;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--fg-2);
}
[data-theme] .mobile-publish .mp-code code { font-family: inherit; white-space: pre; }
[data-theme] .mobile-publish .mp-timeline {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  padding: var(--space-4) var(--space-4) var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  position: sticky;
  top: var(--space-4);
}
[data-theme] .mobile-publish .mp-timeline-title { margin: 0; font-size: 13px; font-weight: 700; color: var(--fg); }
[data-theme] .mobile-publish .mp-timeline-empty { display: flex; gap: var(--space-2); align-items: flex-start; margin: 0; font-size: 12px; line-height: 1.5; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-timeline-empty > svg { color: var(--fg-4); flex: 0 0 auto; margin-top: 1px; }

[data-theme] .mobile-publish .mp-tl-steps { list-style: none; margin: 0; padding: 0; }
[data-theme] .mobile-publish .mp-tl-step { position: relative; display: flex; gap: var(--space-3); padding-bottom: var(--space-4); }
[data-theme] .mobile-publish .mp-tl-step::before {
  content: ""; position: absolute;
  left: 9px; top: 22px; bottom: 0; width: 2px;
  background: var(--line);
}
[data-theme] .mobile-publish .mp-tl-step.is-last { padding-bottom: 0; }
[data-theme] .mobile-publish .mp-tl-step.is-last::before { display: none; }
[data-theme] .mobile-publish .mp-tl-marker {
  position: relative; z-index: 1;
  width: 20px; height: 20px; flex: 0 0 auto;
  border-radius: 50%;
  border: 2px solid var(--line-2);
  background: var(--bg-2);
  display: flex; align-items: center; justify-content: center;
  color: var(--bg-2);
}
[data-theme] .mobile-publish .mp-tl-step.is-done .mp-tl-marker { background: var(--success-fg); border-color: var(--success-fg); color: var(--accent-fg); }
[data-theme] .mobile-publish .mp-tl-step.is-current .mp-tl-marker { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 24%, var(--bg-2)); }
[data-theme] .mobile-publish .mp-tl-step.is-failed .mp-tl-marker { border-color: var(--danger-fg); background: color-mix(in srgb, var(--danger-fg) 20%, var(--bg-2)); color: var(--danger-fg); }
[data-theme] .mobile-publish .mp-tl-bang { font-weight: 700; font-size: 12px; line-height: 1; }
[data-theme] .mobile-publish .mp-tl-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding-top: 1px; }
[data-theme] .mobile-publish .mp-tl-step-title { font-size: 12.5px; font-weight: 600; color: var(--fg-3); display: flex; align-items: center; gap: var(--space-2); }
[data-theme] .mobile-publish .mp-tl-step.is-done .mp-tl-step-title,
[data-theme] .mobile-publish .mp-tl-step.is-current .mp-tl-step-title { color: var(--fg); }
[data-theme] .mobile-publish .mp-tl-step.is-failed .mp-tl-step-title { color: var(--danger-fg); }
[data-theme] .mobile-publish .mp-tl-now {
  font-family: var(--font-mono); font-size: 9px; font-weight: 600; letter-spacing: 0.06em;
  padding: 1px var(--space-1-5); border-radius: var(--radius-xs);
  background: color-mix(in srgb, var(--accent) 20%, var(--bg-1)); color: var(--accent-text);
}
[data-theme] .mobile-publish .mp-tl-step-sub { font-size: 11.5px; line-height: 1.45; color: var(--fg-4); }
[data-theme] .mobile-publish .mp-tl-foot { display: flex; gap: var(--space-2); align-items: flex-start; margin: var(--space-1) 0 0; font-size: 11px; line-height: 1.45; color: var(--fg-4); border-top: 1px solid var(--line); padding-top: var(--space-3); }
[data-theme] .mobile-publish .mp-tl-foot > svg { color: var(--fg-4); flex: 0 0 auto; margin-top: 1px; }
[data-theme] .mobile-publish .mp-platforms {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}
[data-theme] .mobile-publish .mp-platform {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-1);
  color: var(--fg-3);
  text-decoration: none;
}
[data-theme] .mobile-publish .mp-platform:hover { background: var(--hover-bg); color: var(--fg-2); }
[data-theme] .mobile-publish .mp-platform:focus-visible { outline: none; box-shadow: var(--focus-ring); }
[data-theme] .mobile-publish .mp-platform.is-active {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-1));
  color: var(--fg);
}
[data-theme] .mobile-publish .mp-platform.is-active > svg { color: var(--accent-text); }
[data-theme] .mobile-publish .mp-platform-text { display: flex; flex-direction: column; line-height: 1.15; }
[data-theme] .mobile-publish .mp-platform-name { font-size: 13px; font-weight: 600; }
[data-theme] .mobile-publish .mp-platform-sub { font-size: 11px; color: var(--fg-4); }
[data-theme] .mobile-publish .mp-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-1);
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
[data-theme] .mobile-publish .mp-panel-title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
}
[data-theme] .mobile-publish .mp-panel-title > svg { color: var(--fg-4); }
[data-theme] .mobile-publish .mp-panel-body { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--fg-3); }
[data-theme] .mobile-publish .mp-fingerprints { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-1-5); }
[data-theme] .mobile-publish .mp-fingerprint {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.4;
  color: var(--fg-2);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: var(--space-1-5) var(--space-2);
  overflow-wrap: anywhere;
}
[data-theme] .mobile-publish .mp-upsell {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
[data-theme] .mobile-publish .mp-upsell-list {
  list-style: none;
  margin: 0;
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-3-5);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
[data-theme] .mobile-publish .mp-upsell-list > li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2-5);
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--fg-3);
}
[data-theme] .mobile-publish .mp-upsell-list > li > svg { color: var(--fg-4); flex-shrink: 0; margin-top: 1px; }
[data-theme] .mobile-publish .mp-upsell-list strong { color: var(--fg); font-weight: 600; }
[data-theme] .mobile-publish .mp-upsell-current { font-size: 12px; color: var(--fg-4); }
[data-theme] .mobile-publish .mp-upsell-current strong { color: var(--fg-3); font-weight: 600; }

[data-theme] .appimport {
  display: flex;
  justify-content: center;
  padding: 48px 20px 80px;
}

[data-theme] .appimport-shell {
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

[data-theme] .appimport-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

[data-theme] .appimport-title {
  font-size: 28px;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--fg);
}

[data-theme] .appimport-sub,
[data-theme] .appimport-body {
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
}

[data-theme] .appimport-h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--fg);
  margin-bottom: 8px;
}
[data-theme] .appimport-builders {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

[data-theme] .appimport-builder-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: var(--bg-1);
  color: var(--fg);
  font-size: 13px;
}

[data-theme] .appimport-builder-chip svg { color: var(--success-fg); }

[data-theme] .appimport-builder-note {
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .appimport-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 40px 24px;
  border: 1px dashed var(--line);
  border-radius: var(--radius-lg, 12px);
  background: var(--bg-1);
  color: var(--fg-2);
  cursor: pointer;
  text-align: center;
  transition: border-color var(--t-base, 0.15s) ease,
              background var(--t-base, 0.15s) ease,
              color var(--t-base, 0.15s) ease;
}

[data-theme] .appimport-dropzone:hover {
  border-color: var(--accent);
  color: var(--fg);
}

[data-theme] .appimport-dropzone-icon { color: var(--fg-3); }
[data-theme] .appimport-dropzone:hover .appimport-dropzone-icon,
[data-theme] .appimport-dropzone--dragover .appimport-dropzone-icon { color: var(--accent-text); }
[data-theme] .appimport-dropzone--dragover {
  border-color: var(--accent);
  border-style: dashed;
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-1));
  color: var(--fg);
}
[data-theme] .appimport-dropzone--selected {
  border-style: solid;
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 5%, var(--bg-1));
}

[data-theme] .appimport-dropzone--selected .appimport-dropzone-icon { color: var(--success-fg); }

[data-theme] .appimport-dropzone-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--fg);
  word-break: break-word;
}

[data-theme] .appimport-dropzone-sub {
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .appimport-choose-btn { margin-top: 4px; }
[data-theme] .appimport-dropzone-error {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--danger-fg);
}

[data-theme] .appimport-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

[data-theme] .appimport-ownership {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--fg-2);
}

[data-theme] .appimport-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

[data-theme] .appimport-fineprint {
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .appimport-or {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--fg-3);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

[data-theme] .appimport-or::before,
[data-theme] .appimport-or::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}
[data-theme] .appimport-url-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

[data-theme] .appimport-url-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
}

[data-theme] .appimport-url-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

[data-theme] .appimport-url-input {
  flex: 1;
  min-width: 240px;
  padding: 10px 14px;
  border: 1px solid var(--input-border);
  border-radius: var(--radius-md, 8px);
  background: var(--input-bg);
  color: var(--fg);
  font-size: 14px;
}

[data-theme] .appimport-url-input:hover {
  border-color: var(--input-border-hover);
}

[data-theme] .appimport-url-input:focus {
  outline: none;
  border-color: var(--input-border-focus, var(--accent));
}

[data-theme] .appimport-url-input::-moz-placeholder { color: var(--input-placeholder); }

[data-theme] .appimport-url-input::placeholder { color: var(--input-placeholder); }

[data-theme] .appimport-url-note {
  font-size: 12px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .appimport-help {
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: var(--bg-1);
  padding: 0 14px;
}

[data-theme] .appimport-help > summary {
  cursor: pointer;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  list-style-position: inside;
}

[data-theme] .appimport-help > p {
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0 0 12px;
}

[data-theme] .appimport-help > p:first-of-type { margin-top: 4px; }
[data-theme] .appimport-help strong { color: var(--fg); }
[data-theme] .appimport-help code { font-size: 12px; }
[data-theme] .appimport-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--fg-2);
}

[data-theme] .appimport-progress-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  animation: appimport-pulse 1.2s ease-in-out infinite;
}

@keyframes appimport-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.8); }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .appimport-progress-dot { animation: none; }
}
[data-theme] .appimport-map {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

[data-theme] .appimport-map td {
  padding: 6px 8px 6px 0;
  color: var(--fg-2);
  vertical-align: top;
}

[data-theme] .appimport-map-kind { color: var(--fg-3); font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
[data-theme] .appimport-map-from { color: var(--fg); }
[data-theme] .appimport-map-arrow { color: var(--fg-3); }
[data-theme] .appimport-map-to { color: var(--fg); }

[data-theme] .appimport-callout { margin-top: 12px; }
[data-theme] .appimport-callout code { font-size: 12px; }
[data-theme] .appimport-confirmbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

[data-theme] .appimport-estimate {
  font-size: 13px;
  color: var(--fg-2);
}

[data-theme] .appimport-estimate-warn { color: var(--warning-fg); }
[data-theme] .appimport-roots {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

[data-theme] .appimport-root-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: var(--bg-1);
  color: var(--fg);
  font-size: 14px;
  cursor: pointer;
}

[data-theme] .appimport-root-option:hover { border-color: var(--accent); }
[data-theme] .appimport-checks {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-theme] .appimport-check {
  display: flex;
  gap: 10px;
  font-size: 14px;
  color: var(--fg-2);
  line-height: 1.5;
}

[data-theme] .appimport-check strong { color: var(--fg); }
[data-theme] .appimport-check-icon { flex-shrink: 0; margin-top: 2px; }
[data-theme] .appimport-check--passed .appimport-check-icon { color: var(--success-fg); }
[data-theme] .appimport-check--warning .appimport-check-icon { color: var(--warning-fg); }
[data-theme] .appimport-check--failed .appimport-check-icon { color: var(--danger-fg); }
[data-theme] .appimport-help {
  margin: 4px 0 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md, 10px);
  background: var(--bg-2, var(--bg));
}
[data-theme] .appimport-help-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  cursor: pointer;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .appimport-help-summary::-webkit-details-marker { display: none; }
[data-theme] .appimport-help[open] .appimport-help-summary { border-bottom: 1px solid var(--border); }
[data-theme] .appimport-help-body { padding: 14px; display: flex; flex-direction: column; gap: 14px; }
[data-theme] .appimport-help-lead { margin: 0; font-size: 13px; color: var(--fg-2); line-height: 1.5; }
[data-theme] .appimport-help-builder h3 {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
  color: var(--fg);
}
[data-theme] .appimport-help-builder p { margin: 0 0 4px; font-size: 13px; color: var(--fg-2); line-height: 1.55; }
[data-theme] .appimport-help-builder strong { color: var(--fg); }
[data-theme] .appimport-help code {
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--bg-3, rgba(127,127,127,0.12));
}
[data-theme] .appimport-steps {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-theme] .appimport-step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-md, 8px);
}

[data-theme] .appimport-step--active { background: var(--bg-1); }

[data-theme] .appimport-step-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

[data-theme] .appimport-step--done .appimport-step-icon { color: var(--success-fg); }
[data-theme] .appimport-step--upcoming .appimport-step-icon {
  border: 2px solid var(--line-2, var(--line));
}

[data-theme] .appimport-step-spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-top-color: var(--accent);
  animation: appimport-spin 0.8s linear infinite;
}

@keyframes appimport-spin {
  to { transform: rotate(360deg); }
}

[data-theme] .appimport-step-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

[data-theme] .appimport-step-label {
  font-size: 14px;
  font-weight: 550;
  color: var(--fg-3);
}

[data-theme] .appimport-step--done .appimport-step-label,
[data-theme] .appimport-step--active .appimport-step-label { color: var(--fg); }

[data-theme] .appimport-step-detail {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--fg-3);
}

@media (prefers-reduced-motion: reduce) {
  [data-theme] .appimport-step-spinner { animation: none; }
}
[data-theme] .appimport-detected {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

[data-theme] .appimport-detected-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 550;
  color: var(--fg);
}

[data-theme] .appimport-detected-label svg { color: var(--fg-3); flex-shrink: 0; }

[data-theme] .appimport-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--radius-pill, 999px);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: capitalize;
}

[data-theme] .appimport-badge--high { background: var(--success-bg); color: var(--success-fg); }
[data-theme] .appimport-badge--medium { background: var(--warning-bg); color: var(--warning-fg); }
[data-theme] .appimport-badge--low { background: var(--bg-2); color: var(--fg-3); }

[data-theme] .appimport-counts {
  font-size: 13.5px;
  color: var(--fg-2);
  margin-bottom: 10px;
}
[data-theme] .appimport-feed-status {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--fg);
  margin-bottom: 12px;
}

[data-theme] .appimport-files {
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 320px;
  overflow-y: auto;
}

[data-theme] .appimport-file {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 8px;
  border-radius: var(--radius-sm, 6px);
  font-size: 13px;
  min-width: 0;
}

[data-theme] .appimport-file::before {
  content: "";
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  align-self: center;
}

[data-theme] .appimport-file--writing::before { background: var(--accent); }
[data-theme] .appimport-file--done::before { background: var(--success-fg); }

[data-theme] .appimport-file-name {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--fg);
  flex-shrink: 0;
}

[data-theme] .appimport-file--done .appimport-file-name { color: var(--fg-2); }

[data-theme] .appimport-file-path {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  color: var(--fg-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
[data-theme] .appimport-retry-note { margin-top: 0; }
[data-theme] .appimport-issues-intro {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg-2);
  margin: 0 0 14px;
}

[data-theme] .appimport-issue-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

[data-theme] .appimport-issue {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md, 8px);
  background: var(--bg-1);
}

[data-theme] .appimport-issue-icon {
  flex-shrink: 0;
  margin-top: 1px;
  display: inline-flex;
}

[data-theme] .appimport-issue--critical .appimport-issue-icon { color: var(--danger-fg); }
[data-theme] .appimport-issue--warning .appimport-issue-icon { color: var(--warning-fg); }
[data-theme] .appimport-issue--info .appimport-issue-icon { color: var(--fg-3); }

[data-theme] .appimport-issue-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

[data-theme] .appimport-issue-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

[data-theme] .appimport-issue-title {
  font-size: 14px;
  font-weight: 550;
  color: var(--fg);
}

[data-theme] .appimport-issue-detail {
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-2);
  margin: 0;
}

[data-theme] .appimport-issue-file {
  align-self: flex-start;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  color: var(--fg-3);
  background: var(--bg-2);
  padding: 2px 6px;
  border-radius: var(--radius-sm, 6px);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-theme] .appimport-issue-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: var(--radius-pill, 999px);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

[data-theme] .appimport-issue-tag--fixed { background: var(--success-bg); color: var(--success-fg); }
[data-theme] .appimport-issue-tag--flagged { background: var(--bg-2); color: var(--fg-3); }
[data-theme] .appimport-issue-tag--inline { vertical-align: middle; }

[data-theme] .members-shell {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 32px var(--container-pad) 96px;
}
@media (max-width: 720px) {
  [data-theme] .members-shell {
    padding: 20px var(--container-pad-mobile) 64px;
  }
}
[data-theme] .members-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
[data-theme] .members-header-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .members-header-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: var(--fg);
  margin: 0;
  letter-spacing: -0.01em;
}
[data-theme] .members-header-subtitle {
  font-size: 15px;
  color: var(--fg-3);
  margin: 0;
  max-width: 62ch;
  line-height: 1.55;
}
@media (max-width: 720px) {
  [data-theme] .members-header-title { font-size: 26px; }
}
[data-theme] .members-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 860px;
}
[data-theme] .members-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .members-card-head {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
[data-theme] .members-card-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: var(--fg);
  margin: 0;
  letter-spacing: 0.01em;
}
[data-theme] .members-card-count {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
  margin-left: 6px;
}
[data-theme] .members-card-subtitle {
  font-size: 13px;
  color: var(--fg-3);
  margin: 6px 0 0;
  line-height: 1.55;
  max-width: 68ch;
}
[data-theme] .members-card-body { padding: 24px; }
[data-theme] .members-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-body);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out);
}
[data-theme] .members-btn:hover {
  border-color: var(--hover-border);
  background: var(--hover-bg);
}
[data-theme] .members-btn svg,
[data-theme] .members-btn i { flex: 0 0 auto; }
[data-theme] .members-btn--sm {
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
[data-theme] .members-btn--primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .members-btn--primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
[data-theme] .members-btn--danger {
  background: transparent;
  color: var(--danger-fg);
  border-color: color-mix(in srgb, var(--danger-fg) 30%, var(--line));
}
[data-theme] .members-btn--danger:hover {
  background: color-mix(in srgb, var(--danger-fg) 12%, transparent);
  border-color: color-mix(in srgb, var(--danger-fg) 45%, var(--line));
}
[data-theme] .members-btn-form { margin: 0; display: inline-flex; }
[data-theme] .members-invite {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
[data-theme] .members-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
[data-theme] .members-field--grow { flex: 1 1 220px; }
[data-theme] .members-field-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
}
[data-theme] .members-input,
[data-theme] .members-select {
  height: 40px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-sm);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 0 12px;
  transition: border-color var(--t-base) var(--ease-out),
              box-shadow var(--t-base) var(--ease-out);
}
[data-theme] .members-select { padding-right: 32px; }
[data-theme] .members-input:focus,
[data-theme] .members-select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .members-invite-help {
  font-size: 12px;
  color: var(--fg-3);
  margin: 12px 0 0;
  line-height: 1.5;
}
[data-theme] .members-invite-error {
  font-size: 13px;
  color: var(--danger-fg);
  margin: 0 0 16px;
}
[data-theme] .members-list {
  display: flex;
  flex-direction: column;
}
[data-theme] .members-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-top: 1px solid var(--line);
}
[data-theme] .members-row:first-child { border-top: 0; }
[data-theme] .members-avatar {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-3));
  color: var(--accent-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
[data-theme] .members-avatar--pending {
  background: var(--bg-3);
  color: var(--fg-3);
}
[data-theme] .members-identity {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
[data-theme] .members-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .members-email {
  font-size: 13px;
  color: var(--fg-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .members-row-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
[data-theme] .members-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
@media (max-width: 560px) {
  [data-theme] .members-row { flex-wrap: wrap; }
  [data-theme] .members-row-meta,
  [data-theme] .members-row-actions { flex-basis: 100%; padding-left: 54px; }
}
[data-theme] .members-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--bg-3);
  color: var(--fg-2);
  border: 1px solid var(--line);
  white-space: nowrap;
}
[data-theme] .members-status-badge--admin {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent-text);
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
}
[data-theme] .members-status-badge--pending {
  background: color-mix(in srgb, var(--warning-fg) 14%, transparent);
  color: var(--warning-fg);
  border-color: color-mix(in srgb, var(--warning-fg) 30%, var(--line));
}
[data-theme] .members-status-badge--you {
  background: var(--bg-3);
  color: var(--fg-3);
  border-color: var(--line);
}
[data-theme] .members-empty {
  padding: 8px 0 4px;
  font-size: 14px;
  color: var(--fg-3);
  line-height: 1.55;
  max-width: 60ch;
}
[data-theme] .members-accept {
  max-width: 480px;
  margin: 48px auto;
  padding: 0 var(--container-pad-mobile);
}
[data-theme] .members-accept-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 32px;
  text-align: center;
}
[data-theme] .members-accept-mark {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-3));
  color: var(--accent-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .members-accept-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  color: var(--fg);
  margin: 0 0 8px;
  line-height: 1.2;
}
[data-theme] .members-accept-body {
  font-size: 14px;
  color: var(--fg-3);
  margin: 0 0 24px;
  line-height: 1.55;
}
[data-theme] .members-accept-body strong { color: var(--fg-2); font-weight: 600; }
[data-theme] .members-accept-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
[data-theme] .members-accept-note {
  font-size: 12px;
  color: var(--fg-3);
  margin: 16px 0 0;
}
[data-theme] .members-accept-note a { color: var(--accent-text); text-decoration: none; }
[data-theme] .members-accept-note a:hover { text-decoration: underline; }
[data-theme] .profile-page {
  padding: 56px 0 64px;
  background: var(--bg);
}
html[data-theme] body:has(.profile-page) {
  background: var(--bg);
}

[data-theme] .profile-page .container.narrow {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 640px) {
  [data-theme] .profile-page { padding: 32px 0 48px; }
  [data-theme] .profile-page .container.narrow { padding: 0 16px; }
}
[data-theme] .profile-page .id-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: center;
  padding-bottom: 36px;
}
@media (max-width: 720px) {
  [data-theme] .profile-page .id-head { gap: 20px; }
}

[data-theme] .profile-page .id-avatar {
  position: relative;
  width: 112px;
  height: 112px;
  border-radius: var(--radius-pill);
  overflow: visible;
  flex-shrink: 0;
}
[data-theme] .profile-page .id-avatar > img,
[data-theme] .profile-page .id-avatar > .id-avatar-fallback {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-pill);
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid var(--line);
  background: var(--bg-2);
}
[data-theme] .profile-page .id-avatar > img {
  display: block;
}
[data-theme] .profile-page .id-avatar > .id-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 44px;
  line-height: 1;
  color: var(--accent-fg);
  background: var(--accent);
  border-color: var(--accent);
  forced-color-adjust: none;
}
[data-theme] .profile-page .id-avatar > .id-avatar-fallback > span {
  display: block;
  line-height: 1;
  transform: translateY(var(--cap-optical-nudge));
}
@media (max-width: 480px) {
  [data-theme] .profile-page .id-avatar { width: 96px; height: 96px; }
  [data-theme] .profile-page .id-avatar > .id-avatar-fallback { font-size: 38px; }
}
[data-theme] .profile-page .id-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-theme] .profile-page .id-info h1 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(30px, 4.2vw, 48px);
  line-height: 1;
  letter-spacing: -0.025em;
  margin: 0;
  color: var(--fg);
}
[data-theme] .profile-page .id-info .id-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  font-size: 14px;
  color: var(--fg-3);
}
[data-theme] .profile-page .id-info .id-meta .email {
  color: var(--fg-2);
  font-weight: 500;
}
[data-theme] .profile-page .id-info .id-meta .since {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-4);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
[data-theme] .profile-page .id-info .id-meta .dot {
  width: 3px;
  height: 3px;
  border-radius: var(--radius-pill);
  background: var(--fg-4);
}
@media (max-width: 640px) {
  [data-theme] .profile-page .id-info { gap: 8px; }
  [data-theme] .profile-page .id-info h1 {
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
  }
  [data-theme] .profile-page .id-info .id-meta {
    gap: 4px 10px;
    font-size: 13px;
  }
  [data-theme] .profile-page .id-info .id-meta .email {
    font-size: 13px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [data-theme] .profile-page .id-info .id-meta .since {
    font-size: 10px;
    letter-spacing: 0.03em;
  }
}
@media (max-width: 480px) {
  [data-theme] .profile-page .id-info { gap: 6px; }
  [data-theme] .profile-page .id-info h1 { font-size: 22px; }
  [data-theme] .profile-page .id-info .id-meta,
  [data-theme] .profile-page .id-info .id-meta .email { font-size: 12.5px; }
}
[data-theme] .profile-page .ptabs {
  display: inline-flex;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--bg-1);
  margin: 24px 0 32px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
[data-theme] .profile-page .ptabs::-webkit-scrollbar { display: none; }
[data-theme] .profile-page .ptab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--fg-3);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .profile-page .ptab svg { width: 14px; height: 14px; }
[data-theme] .profile-page .ptab:hover { color: var(--fg); }
[data-theme] .profile-page .ptab.active {
  background: var(--card-bg);
  color: var(--fg);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
[data-theme] .profile-page .ptab.active svg { color: var(--accent-text); }
@media (max-width: 768px) {
  [data-theme] .profile-page .ptabs {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    overflow-x: visible;
  }
  [data-theme] .profile-page .ptab {
    width: 100%;
    height: 40px;
    justify-content: flex-start;
    font-size: 14px;
  }
  [data-theme] .profile-page .ptab svg { width: 15px; height: 15px; }
}
[data-theme] .profile-page .panel {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .profile-page .panel + .panel { margin-top: 20px; }

[data-theme] .profile-page .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px 22px;
}
[data-theme] .profile-page .panel-tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin-bottom: 8px;
  display: block;
}
[data-theme] .profile-page .panel-head h2 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  margin: 0 0 6px;
  line-height: 1.2;
  color: var(--fg);
}
[data-theme] .profile-page .panel-head p {
  margin: 0;
  color: var(--fg-3);
  font-size: 14px;
  line-height: 1.5;
  max-width: 60ch;
}
[data-theme] .profile-page .panel-divider {
  height: 1px;
  background: var(--line);
  margin: 0 28px;
}
[data-theme] .profile-page .notif-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 28px;
}
[data-theme] .profile-page .notif-row .left {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--fg-2);
  font-weight: 500;
}
[data-theme] .profile-page .notif-row .indicator {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
  flex-shrink: 0;
}
[data-theme] .profile-page .notif-row .indicator.off {
  background: var(--fg-4);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--fg-4) 12%, transparent);
}
[data-theme] .profile-page .switch-control {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .profile-page .switch-control input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[data-theme] .profile-page .switch-control .track {
  width: 44px;
  height: 24px;
  background: var(--bg-3);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-pill);
  position: relative;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .profile-page .switch-control .track::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-pill);
  background: var(--fg-2);
  transition: left var(--t-base), background var(--t-base);
}
[data-theme] .profile-page .switch-control input:checked + .track {
  background: var(--accent);
  border-color: var(--accent);
}
[data-theme] .profile-page .switch-control input:checked + .track::before {
  left: 22px;
  background: var(--accent-fg);
}
[data-theme] .profile-page .switch-control input:focus-visible + .track {
  box-shadow: var(--focus-ring);
}
[data-theme] .profile-page .form-body { padding: 24px 28px 28px; }

[data-theme] .profile-page .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
@media (max-width: 640px) {
  [data-theme] .profile-page .form-grid { grid-template-columns: 1fr; }
}
[data-theme] .profile-page .form-grid .full { grid-column: 1 / -1; }

[data-theme] .profile-page .pf-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-theme] .profile-page .pf-field label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-4);
  font-weight: 500;
}
[data-theme] .profile-page .pf-field input[type="text"],
[data-theme] .profile-page .pf-field input[type="email"],
[data-theme] .profile-page .pf-field input[type="password"],
[data-theme] .profile-page .pf-field textarea,
[data-theme] .profile-page .pf-field select {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  background: var(--bg);
  border: 1px solid var(--line-2);
  border-radius: 8px;
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  transition: border-color var(--t-base), background var(--t-base), box-shadow var(--t-base);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
[data-theme] .profile-page .pf-field textarea {
  height: auto;
  min-height: 96px;
  padding: 12px 14px;
  line-height: 1.5;
  resize: vertical;
}
[data-theme] .profile-page .pf-field input::-moz-placeholder, [data-theme] .profile-page .pf-field textarea::-moz-placeholder { color: var(--fg-4); }
[data-theme] .profile-page .pf-field input::placeholder,
[data-theme] .profile-page .pf-field textarea::placeholder { color: var(--fg-4); }
[data-theme] .profile-page .pf-field input:hover,
[data-theme] .profile-page .pf-field textarea:hover,
[data-theme] .profile-page .pf-field select:hover {
  border-color: var(--hover-border);
  background: var(--bg-2);
}
[data-theme] .profile-page .pf-field input:focus,
[data-theme] .profile-page .pf-field textarea:focus,
[data-theme] .profile-page .pf-field select:focus {
  outline: 0;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
  background: var(--bg);
}
[data-theme="light"] .profile-page .pf-field input:hover,
[data-theme="light"] .profile-page .pf-field select:hover { background: var(--bg-2); }
[data-theme] .profile-page .pf-field .pf-password-wrap {
  position: relative;
}
[data-theme] .profile-page .pf-field .pf-password-wrap input[type="text"],
[data-theme] .profile-page .pf-field .pf-password-wrap input[type="password"] {
  padding-right: 44px;
}
[data-theme="dark"] .profile-page .select-wrap select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8c92' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}
[data-theme="light"] .profile-page .select-wrap select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}
[data-theme] .profile-page .photo-upload {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px;
  border: 1px dashed var(--line-2);
  border-radius: var(--radius-md);
  background: var(--bg);
}
[data-theme="light"] .profile-page .photo-upload { background: var(--bg-2); }
[data-theme] .profile-page .photo-upload .preview {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-pill);
  overflow: hidden;
  border: 1px solid var(--line-2);
  flex-shrink: 0;
  background: var(--bg-2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-4);
}
[data-theme] .profile-page .photo-upload .preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
[data-theme] .profile-page .photo-upload .preview svg { width: 24px; height: 24px; }
[data-theme] .profile-page .photo-upload .info { flex: 1; min-width: 0; }
[data-theme] .profile-page .photo-upload .info .row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
[data-theme] .profile-page .photo-upload .filename {
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .profile-page .photo-upload .hint {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
[data-theme] .profile-page .photo-upload .choose {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: 7px;
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .profile-page .photo-upload .choose:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .profile-page .photo-upload .choose svg { width: 13px; height: 13px; }
[data-theme] .profile-page .photo-upload input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
[data-theme] .profile-page .form-actions {
  padding: 18px 28px;
  border-top: 1px solid var(--line);
  background: var(--bg);
  display: flex;
  align-items: center;
  gap: 10px;
}
[data-theme] .profile-page .form-actions .spacer { flex: 1; }
[data-theme] .profile-page .conn-list {
  display: flex;
  flex-direction: column;
}
[data-theme] .profile-page .conn-empty {
  margin: 0;
  padding: 18px 28px;
  font-size: 13px;
  color: var(--fg-3);
}
[data-theme] .profile-page .conn-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 28px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .profile-page .conn-row:last-child { border-bottom: 0; }
[data-theme] .profile-page .conn-row .ico {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  background: var(--bg);
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
[data-theme] .profile-page .conn-row .ico svg { width: 22px; height: 22px; display: block; }
[data-theme] .profile-page .conn-row .ico.ico-dark { background: #0f0f0f; border-color: #0f0f0f; }
[data-theme] .profile-page .conn-row .info { flex: 1; min-width: 0; }
[data-theme] .profile-page .conn-row .info .name {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--fg);
  line-height: 1.2;
  margin-bottom: 4px;
}
[data-theme] .profile-page .conn-row .info .state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--fg-4);
  text-transform: uppercase;
}
[data-theme] .profile-page .conn-row .info .state::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--fg-4);
}
[data-theme] .profile-page .conn-row .info .state.connected { color: var(--accent-text); }
[data-theme] .profile-page .conn-row .info .state.connected::before {
  background: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}
[data-theme] .profile-page .conn-row .btn-conn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  border-radius: 7px;
  border: 1px solid var(--line-2);
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base), color var(--t-base);
}
[data-theme] .profile-page .conn-row .btn-conn:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
  forced-color-adjust: none;
}
[data-theme] .profile-page .conn-row .btn-conn.is-disconnect {
  color: var(--danger-fg);
}
[data-theme] .profile-page .conn-row .btn-conn.is-disconnect:hover {
  background: var(--danger-bg);
  border-color: var(--danger-fg);
  color: var(--danger-fg);
}
[data-theme] .profile-page .form-body > .info-banner:first-child {
  margin-top: 0;
}
[data-theme] .profile-page .info-banner {
  margin-top: 16px;
  padding: 14px 18px;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  background: color-mix(in srgb, var(--accent) 7%, var(--bg-1));
  border-radius: var(--radius-md);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.5;
}
[data-theme] .profile-page .info-banner svg {
  width: 16px;
  height: 16px;
  color: var(--accent-text);
  flex-shrink: 0;
  margin-top: 2px;
}
[data-theme] .profile-page .info-banner a {
  color: var(--accent-text);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
[data-theme] .profile-page .info-banner a:hover { text-decoration-thickness: 2px; }
[data-theme] .profile-page .warn-banner {
  margin: 0 28px 18px;
  padding: 14px 16px;
  border-radius: var(--radius-md);
  background: var(--warning-bg);
  border: 1px solid color-mix(in srgb, var(--warning-fg) 45%, var(--line));
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13.5px;
  color: var(--warning-fg);
  line-height: 1.45;
}
[data-theme] .profile-page .warn-banner svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}
[data-theme] .profile-page .warn-banner strong { font-weight: 600; }
[data-theme] .profile-page .form-note {
  grid-column: 1 / -1;
  font-size: 13px;
  color: var(--fg-3);
  line-height: 1.5;
  margin: 4px 0 -4px;
  padding-top: 8px;
  border-top: 1px dashed var(--line-2);
}
[data-theme] .profile-page .ptab-pane { display: none; }
[data-theme] .profile-page .ptab-pane.active { display: block; }
[data-theme] .profile-page .panel .two-factor-body { padding: 0 28px 24px; }

[data-theme] .ds-breadcrumb {
  font-size: 13px;
  color: var(--fg-3);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

[data-theme] .ds-breadcrumb-link {
  color: var(--fg-3);
  text-decoration: none;
  transition: color var(--t-base) ease;
}

[data-theme] .ds-breadcrumb-link:hover {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-theme] .ds-breadcrumb-current {
  color: var(--fg-2);
}

[data-theme] .ds-breadcrumb-sep {
  margin: 0 8px;
  color: var(--fg-4);
}

[data-theme] .ds-prose {
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  font-weight: var(--weight-regular);
  max-width: 72ch;
}
[data-theme] .ds-prose h1 {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: 36px;
  line-height: 1.15;
  color: var(--fg);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}

[data-theme] .ds-prose h2 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 26px;
  line-height: 1.25;
  color: var(--fg);
  margin: 56px 0 16px;
  scroll-margin-top: 96px;
}

[data-theme] .ds-prose h3 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 20px;
  line-height: 1.3;
  color: var(--fg);
  margin: 40px 0 12px;
  scroll-margin-top: 96px;
}

[data-theme] .ds-prose h4 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 17px;
  line-height: 1.3;
  color: var(--fg);
  margin: 28px 0 8px;
}

[data-theme] .ds-prose h2 + h3,
[data-theme] .ds-prose h3 + h4 {
  margin-top: 24px;
}

[data-theme] .ds-prose h1:first-child,
[data-theme] .ds-prose h2:first-child,
[data-theme] .ds-prose h3:first-child {
  margin-top: 0;
}
[data-theme] .ds-prose p {
  margin: 0 0 20px;
}
[data-theme] .ds-prose h1 + p {
  font-size: 19px;
  color: var(--fg-2);
  margin-bottom: 32px;
}
[data-theme] .ds-prose ul,
[data-theme] .ds-prose ol {
  margin: 0 0 20px;
  padding-left: 24px;
}

[data-theme] .ds-prose li {
  margin-bottom: 8px;
}

[data-theme] .ds-prose li::marker {
  color: var(--fg-3);
}

[data-theme] .ds-prose ul li::marker {
  color: var(--accent-text);
}

[data-theme] .ds-prose li > ul,
[data-theme] .ds-prose li > ol {
  margin: 8px 0 0;
}

[data-theme] .ds-prose li > p {
  margin-bottom: 8px;
}
[data-theme] .ds-prose a {
  color: var(--accent-text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--t-base) ease;
}

[data-theme] .ds-prose a:hover {
  color: var(--accent-text-hover);
  text-decoration-thickness: 2px;
}
[data-theme] .ds-prose strong {
  color: var(--fg);
  font-weight: var(--weight-semibold);
}

[data-theme] .ds-prose em {
  font-style: italic;
}
[data-theme] .ds-prose code {
  font-family: var(--font-mono);
  font-size: 0.88em;
  background: var(--code-bg);
  color: var(--fg);
  padding: 2px 6px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--line);
}
[data-theme] .ds-prose pre {
  background: var(--code-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  overflow-x: auto;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.6;
}

[data-theme] .ds-prose pre code {
  background: transparent;
  border: none;
  padding: 0;
  font-size: inherit;
  color: var(--fg);
}
[data-theme] .ds-prose blockquote {
  margin: 24px 0;
  padding: 12px 0 12px 20px;
  border-left: 3px solid var(--accent);
  color: var(--fg-2);
  font-style: italic;
}

[data-theme] .ds-prose blockquote p:last-child {
  margin-bottom: 0;
}
[data-theme] .ds-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 15px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
}

[data-theme] .ds-prose thead {
  background: var(--bg-1);
}

[data-theme] .ds-prose th {
  text-align: left;
  font-weight: var(--weight-semibold);
  color: var(--fg);
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}

[data-theme] .ds-prose td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  color: var(--fg-2);
  vertical-align: top;
}

[data-theme] .ds-prose tbody tr:last-child td {
  border-bottom: none;
}

[data-theme] .ds-prose tbody tr:hover {
  background: var(--bg-1);
}
[data-theme] .ds-prose hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 40px 0;
}
[data-theme] .ds-prose img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  margin: 24px 0;
}
[data-theme] .ds-prose kbd {
  font-family: var(--font-mono);
  font-size: 0.85em;
  background: var(--bg-3);
  color: var(--fg);
  padding: 2px 8px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--line-2);
  box-shadow: 0 1px 0 var(--line-2);
}

[data-theme] .help-article {
  display: grid;
  gap: 48px;
  grid-template-columns: minmax(0, 1fr);
  padding: 32px 0 96px;
}

@media (min-width: 1024px) {
  [data-theme] .help-article {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 64px;
  }
}

[data-theme] .help-article-body {
  min-width: 0;
}

[data-theme] .help-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--fg-3);
  margin-bottom: 16px;
}

[data-theme] .help-article-meta-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--fg-4);
}

[data-theme] .help-article-feedback {
  margin-top: 56px;
  padding: 24px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}

[data-theme] .help-article-feedback h3 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 12px;
}

[data-theme] .help-article-feedback-buttons {
  display: flex;
  gap: 12px;
}

[data-theme] .help-article-related {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
}

[data-theme] .help-article-related h3 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 18px;
  color: var(--fg);
  margin: 0 0 16px;
}

[data-theme] .help-toc {
  position: sticky;
  top: 96px;
  max-height: calc(100vh - 128px);
  overflow-y: auto;
  font-size: 13px;
  line-height: 1.5;
}

[data-theme] .help-toc-title {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 12px;
  font-weight: var(--weight-medium);
}

[data-theme] .help-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid var(--line);
}

[data-theme] .help-toc li {
  margin: 0;
}

[data-theme] .help-toc a {
  display: block;
  padding: 6px 0 6px 16px;
  color: var(--fg-3);
  text-decoration: none;
  border-left: 2px solid transparent;
  margin-left: -1px;
  transition: color var(--t-base) ease, border-color var(--t-base) ease;
}

[data-theme] .help-toc a:hover {
  color: var(--fg);
}

[data-theme] .help-toc a.is-active {
  color: var(--accent-text);
  border-left-color: var(--accent);
}

[data-theme] .help-toc-l3 a {
  padding-left: 28px;
  font-size: 12px;
}

[data-theme] .help-search {
  position: relative;
  max-width: 640px;
  margin: 24px auto 0;
}

[data-theme] .help-search-input {
  width: 100%;
  padding: 14px 48px 14px 20px;
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--fg);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  outline: none;
  transition: border-color var(--t-base) ease, box-shadow var(--t-base) ease;
}

[data-theme] .help-search-input::-moz-placeholder {
  color: var(--fg-4);
}

[data-theme] .help-search-input::placeholder {
  color: var(--fg-4);
}

[data-theme] .help-search-input:focus {
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}

[data-theme] .help-search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--fg-3);
  pointer-events: none;
  display: flex;
}

[data-theme] .help-search-kbd {
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-xs);
  padding: 2px 6px;
  pointer-events: none;
}

[data-theme] .help-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 32px;
}

[data-theme] .help-category-card {
  padding: 24px;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color var(--t-slow) var(--ease-out),
              transform var(--t-slow) var(--ease-out);
}

[data-theme] .help-category-card:hover {
  border-color: var(--hover-border);
  transform: translateY(-2px);
}

[data-theme] .help-category-card-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-3);
  border-radius: var(--radius-sm);
  color: var(--accent-text);
}

[data-theme] .help-category-card-icon svg {
  width: 20px;
  height: 20px;
}

[data-theme] .help-category-card-title {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 17px;
  color: var(--fg);
  margin: 0;
}

[data-theme] .help-category-card-body {
  font-size: 14px;
  color: var(--fg-3);
  margin: 0;
  line-height: 1.5;
}

[data-theme] .help-category-card-meta {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .help-article-list {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--card-bg);
}

[data-theme] .help-article-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 24px;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  transition: background var(--t-base) ease;
}

[data-theme] .help-article-list-item:last-child {
  border-bottom: none;
}

[data-theme] .help-article-list-item:hover {
  background: var(--bg-1);
}

[data-theme] .help-article-list-item-body {
  flex: 1 1 auto;
  min-width: 0;
}

[data-theme] .help-article-list-item-title {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 16px;
  color: var(--fg);
  margin: 0 0 4px;
}

[data-theme] .help-article-list-item-summary {
  font-size: 14px;
  color: var(--fg-3);
  margin: 0;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-theme] .help-article-list-item-arrow {
  color: var(--fg-4);
  flex: 0 0 auto;
}

[data-theme] .help-cta-banner {
  margin-top: 64px;
  padding: 32px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  text-align: center;
}

[data-theme] .help-cta-banner h2 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  font-size: 22px;
  color: var(--fg);
  margin: 0 0 8px;
}

[data-theme] .help-cta-banner p {
  font-size: 15px;
  color: var(--fg-3);
  margin: 0 0 20px;
}

[data-theme] .help-cta-banner-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
[data-theme] .ds-callout {
  --callout-accent: var(--fg-3);
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  margin: 24px 0;
  border: 1px solid var(--callout-accent);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--callout-accent) 14%, var(--bg-1));
}

[data-theme] .ds-callout-icon {
  flex: 0 0 auto;
  margin-top: 2px;
  display: flex;
  color: var(--callout-accent);
}

[data-theme] .ds-callout-icon svg {
  width: 18px;
  height: 18px;
}

[data-theme] .ds-callout-body {
  flex: 1 1 auto;
  color: color-mix(in srgb, var(--callout-accent) 32%, var(--fg-2));
  font-size: 15px;
  line-height: 1.6;
}

[data-theme] .ds-callout-body p:last-child {
  margin-bottom: 0;
}

[data-theme] .ds-callout-body strong {
  color: var(--fg);
}
[data-theme] .ds-callout-tip     { --callout-accent: var(--success-fg); }
[data-theme] .ds-callout-info    { --callout-accent: var(--info-fg); }
[data-theme] .ds-callout-warning { --callout-accent: var(--warning-fg); }
[data-theme] .ds-callout-danger  { --callout-accent: var(--danger-fg); }

[data-theme] .ds-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 68ch;
}
[data-theme] .ds-step {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  margin: 0;
}
[data-theme] .ds-step__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-sm);
  background: var(--bg-3);
  border: 1px solid var(--line);
  color: var(--fg-2);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
[data-theme] .ds-step__title {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  line-height: 22px;
}
[data-theme] .ds-step__body {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--fg-3);
}
[data-theme] .ds-step__body code {
  font-size: 11.5px;
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  color: var(--fg-2);
}
[data-theme] .ds-step__body strong { color: var(--fg-2); font-weight: 600; }
html[data-theme] .ds-bt-box {
  background: var(--card-bg);
  border: 1px solid var(--line);
}
html[data-theme] .ds-bt-box-border-top { border-top-color: var(--line); }
html[data-theme] .ds-bt-box-header { border-bottom-color: var(--line); }

html[data-theme] .ds-bt-box-title { color: var(--fg); }
html[data-theme] .ds-bt-box-desc  { color: var(--fg-3); }
html[data-theme] .ds-bt-box-footer {
  background: var(--bg-1);
  border-top-color: var(--line);
}
html[data-theme] .ds-bt-input {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line-2);
  transition: border-color var(--t-base), box-shadow var(--t-base), background var(--t-base);
}
html[data-theme] .ds-bt-input::-moz-placeholder { color: var(--fg-4); }
html[data-theme] .ds-bt-input::placeholder { color: var(--fg-4); }
html[data-theme] .ds-bt-input:hover { border-color: var(--hover-border); }
html[data-theme] .ds-bt-input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
html[data-theme] .ds-bt-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--bg-1);
}
html[data-theme] .ds-bt-input[aria-invalid="true"] { border-color: var(--danger-fg); }
html[data-theme] .ds-bt-input[aria-invalid="true"]:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger-fg) 25%, transparent);
}
html[data-theme] .ds-bt-field-label { color: var(--fg-2); }
html[data-theme] .ds-bt-field-help  { color: var(--fg-3); }
html[data-theme] .ds-bt-field-error { color: var(--danger-fg); }
[data-theme] .auth-shell {
  min-height: 100svh;
  margin: -2.5rem -1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px 40px;
  background: var(--bg);
}
[data-theme] .auth-card {
  width: min(460px, 100%);
  margin: 0 auto;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-lg);
  padding: 44px 44px 36px;
  box-shadow: var(--auth-card-shadow);
}
@media (max-width: 520px) {
  [data-theme] .auth-card { padding: 32px 24px 28px; }
}
[data-theme] .auth-lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin-bottom: 28px;
}
[data-theme] .auth-lockup .auth-mark {
  width: 38px;
  height: 38px;
  display: block;
  flex: 0 0 auto;
}
[data-theme] .auth-lockup .auth-mark svg { width: 100%; height: 100%; display: block; }
[data-theme] .auth-lockup .auth-word {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: var(--fg);
  transform: translateY(2px);
}
[data-theme] .auth-head {
  text-align: center;
  margin-bottom: 26px;
}
[data-theme] .auth-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--fg);
  margin: 0 0 10px;
}
[data-theme] .auth-sub {
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .auth-beta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  margin-top: 16px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--accent-text);
  white-space: nowrap;
}
[data-theme] .auth-beta .dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
}
[data-theme] .auth-card label {
  display: block;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
}

[data-theme] .auth-card input[type="email"],
[data-theme] .auth-card input[type="password"],
[data-theme] .auth-card input[type="text"] {
  width: 100%;
  height: 46px;
  min-height: 46px;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  padding: 0 14px;
  box-shadow: none;
  outline: 0;
  transition: border-color var(--t-base), background var(--t-base), box-shadow var(--t-base);
}
[data-theme] .auth-card input[type="email"]::-moz-placeholder, [data-theme] .auth-card input[type="password"]::-moz-placeholder, [data-theme] .auth-card input[type="text"]::-moz-placeholder { color: var(--fg-4); }
[data-theme] .auth-card input[type="email"]::placeholder,
[data-theme] .auth-card input[type="password"]::placeholder,
[data-theme] .auth-card input[type="text"]::placeholder { color: var(--fg-4); }
[data-theme] .auth-card input[type="email"]:hover,
[data-theme] .auth-card input[type="password"]:hover,
[data-theme] .auth-card input[type="text"]:hover { border-color: var(--hover-border); }
[data-theme] .auth-card input[type="email"]:focus,
[data-theme] .auth-card input[type="password"]:focus,
[data-theme] .auth-card input[type="text"]:focus {
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
  background: var(--bg-1);
}
[data-theme] .auth-card [data-controller~="password-visibility"] input { padding-right: 44px; }
[data-theme] .auth-card input[aria-invalid="true"] { border-color: var(--danger-fg); }
[data-theme] .auth-card input[aria-invalid="true"]:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger-fg) 25%, transparent);
}
[data-theme] .auth-card .help,
[data-theme] .auth-card .ds-bt-field-help,
[data-theme] .auth-card [class*="help"] { color: var(--fg-3); }
[data-theme] .auth-card .ds-bt-field-error { color: var(--danger-fg); }
[data-theme] .auth-card button[data-action*="password-visibility"] {
  position: absolute;
  top: 50%;
  right: 5px;
  bottom: auto;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--fg-4);
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .auth-card button[data-action*="password-visibility"]:hover {
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .auth-card button[data-action*="password-visibility"] svg {
  width: 16px;
  height: 16px;
}
[data-theme] .auth-card .forgot-row,
[data-theme] .auth-card .ds-bt-field-help a { font-size: 13px; font-weight: 600; }
[data-theme] .auth-card .auth-btn-primary,
[data-theme] .auth-card input[type="submit"],
[data-theme] .auth-card button[type="submit"]:not(.auth-oauth-btn),
[data-theme] .auth-card .button.full {
  display: block;
  width: 100%;
  height: 47px;
  margin-top: 6px;
  padding: 0 24px;
  background: var(--accent);
  color: var(--accent-fg);
  border: 0;
  border-radius: var(--radius-md);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  forced-color-adjust: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: background var(--t-base), transform var(--t-fast);
}
[data-theme] .auth-card .auth-btn-primary:hover,
[data-theme] .auth-card input[type="submit"]:hover,
[data-theme] .auth-card button[type="submit"]:not(.auth-oauth-btn):hover,
[data-theme] .auth-card .button.full:hover {
  background: var(--primary-hover);
  color: var(--accent-fg);
  transform: translateY(-1px);
}
[data-theme] .auth-card .auth-btn-primary:focus-visible,
[data-theme] .auth-card input[type="submit"]:focus-visible,
[data-theme] .auth-card button[type="submit"]:not(.auth-oauth-btn):focus-visible,
[data-theme] .auth-card .button.full:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .auth-check-label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 2px;
  min-height: 44px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .auth-check-box {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  border-radius: var(--radius-xs);
  border: 1px solid var(--line-2);
  background: var(--bg-1);
  color: var(--accent-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--t-fast), border-color var(--t-fast);
}
[data-theme] .auth-check-box svg { width: 11px; height: 11px; display: none; }
[data-theme] .auth-check-input:checked + .auth-check-box {
  background: var(--accent);
  border-color: var(--accent);
}
[data-theme] .auth-check-input:checked + .auth-check-box svg { display: block; }
[data-theme] .auth-check-label:hover .auth-check-box { border-color: var(--hover-border); }
[data-theme] .auth-check-input:focus-visible + .auth-check-box {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .auth-check-text { color: var(--fg-2); }
.auth-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 24px 0 18px;
  font-family: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fg-4, #6b7280);
}
.auth-divider::before,
.auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-2, rgba(255, 255, 255, 0.08));
}

.auth-oauth-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  padding: 0;
  border: 1px solid var(--line-2, rgba(255, 255, 255, 0.1));
  background: var(--bg-1, #1a1a1a);
  border-radius: var(--radius-md, 10px);
  color: var(--fg, #e5e7eb);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.auth-oauth-btn:hover {
  background: var(--bg-3, #252525);
  border-color: var(--hover-border, rgba(255, 255, 255, 0.2));
}
.auth-oauth-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, #45e760);
  outline-offset: 2px;
}
.auth-oauth-btn svg { width: 19px; height: 19px; display: block; }
.auth-social-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.auth-oauth-btn--labeled {
  position: relative;
  gap: 10px;
  padding: 0 16px;
  font-family: var(--font-body, ui-sans-serif, system-ui, sans-serif);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--fg, #e5e7eb);
}
.auth-oauth-btn--labeled svg { flex: 0 0 auto; }
.auth-oauth-btn__label { line-height: 1; }
.auth-oauth-lastused {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-family: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--accent-fg, #0a0e0a);
  background: var(--accent, #45e760);
}
[data-theme="light"] .auth-oauth-btn { background: var(--bg-2); }
[data-theme="light"] .auth-oauth-btn:hover {
  background: #ffffff;
  border-color: var(--hover-border);
  box-shadow: var(--shadow-sm), 0 3px 10px -4px rgba(15, 23, 42, 0.12);
}
[data-theme] .auth-card a,
[data-theme] .auth-link,
[data-theme] .auth-swap a,
[data-theme] .auth-alt-link a,
[data-theme] .auth-foot a {
  color: var(--accent-text);
  font-weight: 600;
  text-decoration: none;
  transition: color var(--t-base);
}
[data-theme] .auth-card a:hover,
[data-theme] .auth-link:hover,
[data-theme] .auth-swap a:hover,
[data-theme] .auth-alt-link a:hover,
[data-theme] .auth-foot a:hover {
  color: var(--fg);
  text-decoration: none;
}
[data-theme] .auth-swap {
  margin-top: 26px;
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-3);
  text-align: center;
}
[data-theme] .auth-swap a { font-weight: 700; }
[data-theme] .auth-alt-link {
  text-align: center;
  margin-top: 20px;
}
[data-theme] .auth-alt-link a { font-size: 13.5px; font-weight: 600; }
[data-theme] .auth-linklike {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--accent-text);
  cursor: pointer;
  text-decoration: none;
  transition: color var(--t-base);
}
[data-theme] .auth-linklike:hover { color: var(--fg); }
[data-theme] .auth-linklike:focus-visible {
  outline: 2px solid var(--focus-ring-color, #45e760);
  outline-offset: 2px;
  border-radius: 4px;
}
[data-theme] .auth-intro {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--fg-3);
  margin: 0 0 20px;
  text-align: center;
  text-wrap: pretty;
}
[data-theme] .auth-intro strong { color: var(--fg); font-weight: 600; }
[data-theme] .auth-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 16px;
}

[data-theme] .auth-card input.auth-code-input,
[data-theme] .auth-code-input {
  width: 100%;
  height: 54px;
  background: var(--bg-1);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  color: var(--fg);
  font-family: var(--font-mono);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-align: center;
  padding: 0 14px;
  outline: 0;
  transition: border-color var(--t-base), box-shadow var(--t-base);
}
[data-theme] .auth-code-input::-moz-placeholder { color: var(--fg-4); letter-spacing: 0.35em; }
[data-theme] .auth-code-input::placeholder { color: var(--fg-4); letter-spacing: 0.35em; }
[data-theme] .auth-code-input:focus {
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}
[data-theme] .auth-foot {
  text-align: center;
  margin-top: 20px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .auth-card .bg-red-100,
[data-theme] .auth-card [class*="bg-red"] {
  background: var(--danger-bg);
  border-color: color-mix(in srgb, var(--danger-fg) 30%, transparent);
  border-radius: var(--radius-md);
}
[data-theme] .auth-card .text-red-900,
[data-theme] .auth-card .text-red-600,
[data-theme] .auth-card [class*="text-red"] { color: var(--danger-fg); }
[data-theme] .devise_layout .flash-notice,
[data-theme] .devise_layout .notice {
  background: var(--success-bg);
  border: 1px solid color-mix(in srgb, var(--success-fg) 30%, transparent);
  border-radius: var(--radius-md);
  color: var(--success-fg);
}
[data-theme] .aa-body { background: var(--bg); color: var(--fg); }

[data-theme] .aa-page {
  min-height: 100svh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 56px 24px 48px;
  background: var(--bg);
}

[data-theme] .aa-auth {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-body);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
[data-theme] .aa-screen { display: contents; }
[data-theme] .aa-auth a {
  color: var(--fg);
  text-decoration: none;
}
[data-theme] .aa-auth a:hover {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
[data-theme] .aa-auth a:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
  border-radius: 4px;
}
[data-theme] .aa-app-icon {
  width: 64px;
  height: 64px;
  flex: none;
  display: grid;
  place-items: center;
  color: var(--fg-3);
}
[data-theme] .aa-app-icon img {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
[data-theme] .aa-app-icon svg { width: 60px; height: 60px; }

[data-theme] .aa-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 29px;
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: var(--fg);
  text-align: center;
  text-wrap: balance;
  margin: 22px 0 0;
  max-width: 340px;
}

[data-theme] .aa-sub {
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .aa-card {
  width: 100%;
  margin-top: 28px;
  background-color: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 28px;
  box-shadow: var(--card-shadow);
}
[data-theme] .aa-oauth {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

[data-theme] .aa-oauth-btn {
  position: relative;
  width: 100%;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--line-2);
  border-radius: 10px;
  background-color: var(--field-bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background-color .15s, border-color .15s;
}
[data-theme] .aa-oauth-btn:hover { background-color: var(--oauth-hover); }
[data-theme] .aa-oauth-btn:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
}
[data-theme] .aa-oauth-btn svg { width: 18px; height: 18px; flex: none; }
[data-theme] .aa-oauth-lastused {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--line-2);
  background: var(--bg-3);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--fg-3);
}
[data-theme] .aa-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 22px 0;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .aa-divider::before,
[data-theme] .aa-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--line-2);
}
[data-theme] .aa-fields {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
[data-theme] .aa-fld {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
[data-theme] .aa-fld label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--fg-2);
}
[data-theme] .aa-fld-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
[data-theme] .aa-fld-row a { font-size: 12.5px; font-weight: 600; }

[data-theme] .aa-ctrl {
  position: relative;
  display: flex;
  align-items: center;
}
[data-theme] .aa-input,
.dark input.aa-input {
  width: 100%;
  height: 46px;
  background-color: var(--field-bg) !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 10px;
  color: var(--fg) !important;
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 500;
  padding: 0 14px;
  outline: none;
  box-shadow: none;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}
[data-theme] .aa-input::-moz-placeholder, .dark input.aa-input::-moz-placeholder {
  color: var(--fg-4) !important;
  font-weight: 450;
}
[data-theme] .aa-input::placeholder,
.dark input.aa-input::placeholder {
  color: var(--fg-4) !important;
  font-weight: 450;
}
[data-theme] .aa-input:hover,
.dark input.aa-input:hover {
  border-color: var(--hover-border) !important;
}
[data-theme] .aa-input:focus,
.dark input.aa-input:focus {
  border-color: var(--fg-3) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fg) 13%, transparent);
}
[data-theme] .aa-input:disabled,
.dark input.aa-input:disabled {
  color: var(--fg-3) !important;
  cursor: not-allowed;
}
[data-theme] [data-controller~="password-visibility"] .aa-input {
  padding-right: 44px;
}
[data-theme] .aa-ctrl button[data-action*="password-visibility"] {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--fg-4);
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
[data-theme] .aa-ctrl button[data-action*="password-visibility"]:hover {
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .aa-ctrl button[data-action*="password-visibility"]:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
}
[data-theme] .aa-ctrl button[data-action*="password-visibility"] svg {
  width: 16px;
  height: 16px;
}
[data-theme] .aa-help {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .aa-check {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-theme] .aa-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--fg);
}
[data-theme] .aa-check input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
}
[data-theme] .aa-input.aa-code-input,
.dark input.aa-input.aa-code-input {
  height: 54px;
  font-family: var(--font-mono);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-align: center;
}
[data-theme] .aa-input.aa-code-input::-moz-placeholder, .dark input.aa-input.aa-code-input::-moz-placeholder {
  letter-spacing: 0.35em;
  font-weight: 500;
}
[data-theme] .aa-input.aa-code-input::placeholder,
.dark input.aa-input.aa-code-input::placeholder {
  letter-spacing: 0.35em;
  font-weight: 500;
}
[data-theme] .aa-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 24px;
}
[data-theme] .aa-actions--flush { margin-top: 0; }

[data-theme] .aa-btn-primary {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background-color: var(--inverse-bg);
  color: var(--inverse-fg);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-align: center;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  forced-color-adjust: none;
  transition: background-color .15s, transform .08s;
}
[data-theme] .aa-btn-primary:hover { background-color: var(--inverse-bg-hover); }
[data-theme] .aa-btn-primary:active { transform: translateY(1px); }
[data-theme] .aa-btn-primary:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
}
[data-theme] .aa-btn-secondary {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border: 1px solid var(--line-2);
  border-radius: 10px;
  background-color: var(--field-bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-align: center;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: background-color .15s, border-color .15s;
}
[data-theme] .aa-btn-secondary:hover { background-color: var(--oauth-hover); }
[data-theme] .aa-btn-secondary:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
}
[data-theme] .aa-alt {
  margin: 16px 0 0;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-3);
  text-align: center;
}
[data-theme] .aa-alt a { font-weight: 600; }
[data-theme] .aa-linklike {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  color: var(--fg);
  cursor: pointer;
}
[data-theme] .aa-linklike:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
[data-theme] .aa-linklike:focus-visible {
  outline: 2px solid var(--fg-3);
  outline-offset: 2px;
  border-radius: 4px;
}
[data-theme] .aa-switch {
  margin: 22px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--fg-3);
  text-align: center;
}
[data-theme] .aa-switch a { font-weight: 600; }
[data-theme] .aa-fineprint {
  margin: 14px 0 0;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--fg-3);
  text-align: center;
  text-wrap: pretty;
}
[data-theme] .aa-fineprint a { font-weight: 600; }
[data-theme] .aa-intro {
  margin: 0 0 20px;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--fg-3);
  text-wrap: pretty;
}
[data-theme] .aa-intro strong { color: var(--fg-2); font-weight: 600; }
[data-theme] .aa-error {
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px solid color-mix(in srgb, var(--danger-fg) 30%, transparent);
  background: var(--danger-bg);
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--danger-fg);
}
[data-theme] .aa-error ul { margin: 0; padding-left: 18px; }
[data-theme] .aa-error a { color: var(--fg); font-weight: 600; }

[data-theme] .aa-info {
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px solid var(--line-2);
  background: var(--field-bg);
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--fg-2);
}
[data-theme] .aa-info strong { color: var(--fg); font-weight: 600; }
[data-theme] .aa-info p { margin: 0; }
[data-theme] .aa-info p + p { margin-top: 8px; }
[data-theme] .aa-inset {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin-bottom: 20px;
  border: 1px solid var(--line-2);
  background: var(--field-bg);
  border-radius: 10px;
}
[data-theme] .aa-inset-avatar {
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 999px;
  background: var(--bg-3);
  color: var(--fg-2);
  display: grid;
  place-items: center;
  font-size: 15px;
  font-weight: 600;
}
[data-theme] .aa-inset-id { flex: 1; min-width: 0; }
[data-theme] .aa-inset-name {
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme] .aa-inset-email {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-theme] .aa-eyebrow {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fg-3);
}

[data-theme] .aa-scopes {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-2);
}
[data-theme] .aa-scopes li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
[data-theme] .aa-scopes svg {
  width: 16px;
  height: 16px;
  flex: none;
  margin-top: 2px;
  color: var(--fg-3);
}
[data-theme] .aa-attrib {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 28px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-3);
}
[data-theme] .aa-attrib a,
[data-theme] .aa-auth .aa-attrib a {
  display: block;
  color: var(--fg-3);
  transition: color .15s;
}
[data-theme] .aa-attrib a:hover,
[data-theme] .aa-auth .aa-attrib a:hover {
  color: var(--fg);
  text-decoration: none;
}
[data-theme] .aa-attrib svg {
  width: 72px;
  height: auto;
  display: block;
}
[data-theme] .aa-card [class*="bg-red"] {
  background: var(--danger-bg);
  border-color: color-mix(in srgb, var(--danger-fg) 30%, transparent);
  border-radius: 10px;
}
[data-theme] .aa-card [class*="text-red"] { color: var(--danger-fg); }
[data-theme] .aa-card [class*="bg-green"] {
  background: var(--success-bg);
  border-color: color-mix(in srgb, var(--success-fg) 30%, transparent);
  border-radius: 10px;
}
[data-theme] .aa-card [class*="text-green"] { color: var(--success-fg); }
[data-theme] .aa-card [class*="bg-amber"] {
  background: var(--warning-bg);
  border-color: color-mix(in srgb, var(--warning-fg) 30%, transparent);
  border-radius: 10px;
}
[data-theme] .aa-card [class*="text-amber"] { color: var(--warning-fg); }
[data-theme] .aa-card [class*="bg-emerald"] {
  background: var(--success-bg);
  border-color: color-mix(in srgb, var(--success-fg) 30%, transparent);
  border-radius: 10px;
}
[data-theme] .aa-card [class*="text-emerald"] { color: var(--success-fg); }
[data-theme] .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fg-3);
}
[data-theme] .eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
}

[data-theme] .nav {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
[data-theme] .nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
}
[data-theme] .nav-left { display: flex; align-items: center; gap: 28px; }
[data-theme] .nav-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

[data-theme] .nav-links { display: flex; gap: 2px; }
[data-theme] .nav-links a {
  text-decoration: none;
  color: var(--fg-2);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 12px;
  border-radius: var(--radius-sm);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .nav-links a:hover { color: var(--fg); background: var(--hover-bg); }

[data-theme] .nav-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  padding-left: 18px;
  border-left: 1px solid var(--line);
  margin-left: 4px;
  white-space: nowrap;
}
[data-theme] .nav-status .pulse {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  box-shadow: 0 0 0 0 var(--accent);
  animation: landing-pulse 2s infinite;
}
@keyframes landing-pulse {
  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent); }
  70%  { box-shadow: 0 0 0 8px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}
[data-theme] .theme-toggle .sun  { display: none; }
[data-theme] .theme-toggle .moon { display: block; }
[data-theme="light"] .theme-toggle .sun  { display: block; }
[data-theme="light"] .theme-toggle .moon { display: none; }
[data-theme] .nav-shell { display: contents; }

[data-theme] .nav-mobile-toggle { display: none; }
[data-theme] .nav-drawer-overlay { display: none; }

@media (max-width: 1040px) {
  [data-theme] .nav-mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  [data-theme] .nav-mobile-toggle.hidden { display: none; }

  [data-theme] .nav-drawer-overlay {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 60;
  }
  [data-theme] .nav-drawer-overlay.hidden { display: none; }
}

[data-theme] .nav-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 55%, transparent);
}
[data-theme] .nav-drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(320px, 84vw);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 20px 24px;
  background: var(--bg);
  border-left: 1px solid var(--line);
  box-shadow: -16px 0 40px -16px rgba(0, 0, 0, 0.5);
}
[data-theme] .nav-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
[data-theme] .nav-drawer-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
[data-theme] .nav-drawer-links a {
  text-decoration: none;
  color: var(--fg);
  font-size: 17px;
  font-weight: 500;
  padding: 12px 12px;
  border-radius: var(--radius-sm);
  transition: background var(--t-base), color var(--t-base);
}
[data-theme] .nav-drawer-links a:hover,
[data-theme] .nav-drawer-links a:focus-visible {
  background: var(--hover-bg);
  outline: none;
}
[data-theme] .nav-drawer-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  padding-top: 24px;
}
[data-theme] .nav-drawer-actions .btn {
  width: 100%;
  justify-content: center;
}

[data-theme] .hero {
  position: relative;
  padding: 88px 0 96px;
  overflow: clip;
  isolation: isolate;
}
[data-theme] .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(circle at 1px 1px, var(--hero-grid) 1px, transparent 0);
  background-size: 24px 24px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 30%, transparent 80%);
}
[data-theme] .hero-top { display: flex; justify-content: center; margin-bottom: 28px; }

[data-theme] .release-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px 6px 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--bg-1);
  font-size: 13px;
  color: var(--fg-2);
  text-decoration: none;
  transition: border-color var(--t-base), background var(--t-base);
}
[data-theme] .release-pill:hover { border-color: var(--line-2); background: var(--bg-2); }
[data-theme] .release-pill .tag {
  background: var(--accent);
  color: var(--accent-fg);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
}
[data-theme] .release-pill .arrow { color: var(--fg-3); transition: transform var(--t-base); }
[data-theme] .release-pill:hover .arrow { transform: translateX(3px); }

[data-theme] h1.headline {
  font-family: var(--font-display);
  font-weight: 700;
  text-align: center;
  font-size: clamp(34px, 4.8vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 0 auto 20px;
  max-width: 18ch;
  color: var(--fg);
  text-wrap: balance;
}
@media (max-width: 600px) {
  [data-theme] h1.headline { max-width: 12ch; }
}
[data-theme] .headline .accent { color: var(--accent); position: relative; }

[data-theme] .subhead {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--fg-3);
  max-width: 580px;
  margin: 0 auto 44px;
  line-height: 1.5;
}

[data-theme] .composer-wrap { max-width: 760px; margin: 0 auto; }
[data-theme] #custom-prompt {
  color: var(--fg) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  caret-color: var(--accent);
}
[data-theme] #custom-prompt::-moz-placeholder { color: var(--fg-4) !important; }
[data-theme] #custom-prompt::placeholder { color: var(--fg-4) !important; }
[data-theme] .chips {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  margin-top: 12px;
}
[data-theme] .chips .chip {
  height: auto;
  padding: 8px 10px;
  border-radius: var(--radius-pill);
  background: var(--chip-bg);
  border: 1px solid var(--line);
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 12.5px;
  letter-spacing: normal;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  cursor: pointer;
}
[data-theme] .chips .chip:hover {
  border-color: var(--hover-border);
  color: var(--fg);
  background: var(--hover-bg);
}

[data-theme] .trust {
  margin-top: 56px;
  text-align: center;
  color: var(--fg-4);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
[data-theme] .trust .stars { color: var(--accent); letter-spacing: 0.1em; }

[data-theme] section.block { padding: 120px 0; }
[data-theme] section.block.tight { padding: 80px 0; }
[data-theme] .section-head { max-width: none; margin-bottom: 56px; }
[data-theme] .section-head h2,
[data-theme] .section-head .subhead { white-space: nowrap; }
@media (max-width: 900px) {
  [data-theme] .section-head h2,
  [data-theme] .section-head .subhead { white-space: normal; }
}
[data-theme] .section-head h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 14px 0 16px;
  text-wrap: balance;
}
[data-theme] .section-head p {
  color: var(--fg-3);
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
  max-width: 560px;
}
[data-theme] .integ-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
[data-theme] .integ-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  position: relative;
  transition: border-color var(--t-slow), transform var(--t-fast);
  min-height: 84px;
}
[data-theme] .integ-card:hover { border-color: var(--line-2); transform: translateY(-1px); }
[data-theme] .integ-logo {
  flex: 0 0 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--bg-1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 6px;
}
[data-theme] .integ-logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-theme] .integ-meta { flex: 1; min-width: 0; padding-right: 60px; }
[data-theme] .integ-meta h4 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin: 0 0 3px;
  color: var(--fg);
}
[data-theme] .integ-meta p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--fg-3);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[data-theme] .integ-tag {
  position: absolute;
  top: 14px;
  right: 14px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
}
[data-theme] .integ-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}
[data-theme] .integ-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: transparent;
  color: var(--fg);
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-base), border-color var(--t-base);
}
[data-theme] .integ-page-btn:hover { background: var(--hover-bg); border-color: var(--hover-border); }
[data-theme] .integ-page-btn[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
[data-theme] .integ-page-info {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  min-width: 80px;
  text-align: center;
}

[data-theme] .how-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
[data-theme] .how-card {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 28px;
  overflow: hidden;
  transition: border-color var(--t-slow);
}
[data-theme] .how-card:hover { border-color: var(--line-2); }
[data-theme] .how-num {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--accent);
  margin-bottom: 18px;
}
[data-theme] .how-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px;
  letter-spacing: -0.005em;
}
[data-theme] .how-card p {
  color: var(--fg-3);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
}
[data-theme] .how-illus {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 10px;
  margin-top: 24px;
  padding: 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  height: 140px;
  overflow: hidden;
  position: relative;
}
[data-theme] .how-illus .typed { color: var(--fg); }
[data-theme] .how-illus .cur {
  display: inline-block;
  width: 7px;
  height: 14px;
  background: var(--accent);
  vertical-align: -2px;
  animation: landing-blink 1s steps(1) infinite;
}
@keyframes landing-blink { 50% { opacity: 0; } }
[data-theme] .how-illus .row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 0;
  border-bottom: 1px solid var(--line);
}
[data-theme] .how-illus .row:last-child { border-bottom: 0; }
[data-theme] .how-illus .dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--accent);
}
[data-theme] .how-illus .bar {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: var(--line);
  position: relative;
}
[data-theme] .how-illus .bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--accent);
  border-radius: 3px;
}
[data-theme] .how-illus .bar.b1::after { width: 30%; }
[data-theme] .how-illus .bar.b2::after { width: 65%; }
[data-theme] .how-illus .bar.b3::after { width: 95%; }

[data-theme] .how-illus .ship-window {
  position: absolute;
  inset: 14px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
[data-theme] .how-illus .ship-bar {
  height: 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
}
[data-theme] .how-illus .ship-bar i {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--line-2);
  display: inline-block;
  font-style: normal;
}
[data-theme] .how-illus .ship-bar i:first-child { background: var(--accent); }
[data-theme] .how-illus .ship-body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--fg);
}

[data-theme] .ready {
  text-align: center;
  padding: 120px 32px;
  border-top: 1px solid var(--line);
}
[data-theme] .ready h2 {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin: 16px 0 32px;
}
[data-theme] .ready-cta-btn {
  height: 48px;
  padding: 0 22px;
  font-size: 15px;
  gap: 8px;
}

[data-theme] .caps-section { padding-top: 80px; }
[data-theme] .caps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
[data-theme] .cap-card {
  background: var(--card-bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 24px;
  transition: border-color var(--t-slow);
}
[data-theme] .cap-card:hover { border-color: var(--line-2); }
[data-theme] .cap-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
[data-theme] .cap-icon svg { width: 20px; height: 20px; display: block; }
[data-theme] .cap-card h4 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin: 0 0 6px;
  color: var(--fg);
}
[data-theme] .cap-card p {
  margin: 0;
  color: var(--fg-3);
  font-size: 14px;
  line-height: 1.5;
}

[data-theme] footer.foot {
  background: var(--bg-1);
  border-top: 1px solid var(--line);
  padding: 64px 0 40px;
}
[data-theme] .foot-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 56px;
}
[data-theme] .foot-brand p {
  color: var(--fg-3);
  font-size: 14px;
  line-height: 1.5;
  max-width: 280px;
  margin: 0;
}
[data-theme] .foot h5 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin: 0 0 16px;
  font-weight: 600;
}
[data-theme] .foot ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
[data-theme] .foot ul a {
  color: var(--fg-2);
  text-decoration: none;
  font-size: 14px;
}
[data-theme] .foot ul a:hover { color: var(--fg); }
[data-theme] .foot-bottom {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--fg-3);
  font-size: 13px;
  font-family: var(--font-mono);
}
[data-theme] .socials { display: flex; gap: 8px; }
[data-theme] .socials a {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  color: var(--fg-2);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base);
}
[data-theme] .socials a:hover {
  background: var(--bg-2);
  color: var(--fg);
  border-color: var(--line-2);
}

@media (max-width: 1180px) {
  [data-theme] .nav-status { display: none; }
}
@media (max-width: 1040px) {
  [data-theme] .nav-links { display: none; }
}
@media (max-width: 920px) {
  [data-theme] .how-grid { grid-template-columns: 1fr; }
  [data-theme] .caps-grid { grid-template-columns: 1fr 1fr; }
  [data-theme] .integ-grid { grid-template-columns: 1fr 1fr; }
  [data-theme] .foot-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  [data-theme] .nav-inner { height: 56px; }
  [data-theme] .nav-right .btn:not(.btn-primary) { display: none; }
  [data-theme] .nav-right .btn-primary { height: 32px; padding: 0 12px; font-size: 13px; }
  [data-theme] .icon-btn { width: 32px; height: 32px; }

  [data-theme] .hero { padding: 56px 0 64px; }
  [data-theme] .release-pill { font-size: 12px; padding: 4px 12px 4px 4px; }
  [data-theme] .release-pill .tag { font-size: 9px; padding: 3px 7px; }
  [data-theme] h1.headline { font-size: clamp(30px, 9vw, 42px); margin-bottom: 16px; }
  [data-theme] .subhead { font-size: 15px; margin-bottom: 28px; padding: 0 4px; }

  [data-theme] .composer-input-row { padding: 14px 14px 4px; }
  [data-theme] .composer textarea { font-size: 15px; min-height: 72px; }
  [data-theme] .composer-foot { padding: 8px 14px 12px; flex-wrap: wrap; gap: 6px; }

  [data-theme] .chips { grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 14px; }
  [data-theme] .chip { font-size: 12px; padding: 7px 10px; }
  [data-theme] .chip:nth-child(n+5) { display: none; }

  [data-theme] section.block { padding: 64px 0; }
  [data-theme] section.block.tight { padding: 48px 0; }
  [data-theme] .section-head { margin-bottom: 32px; }
  [data-theme] .section-head h2 { font-size: 26px; }
  [data-theme] .section-head p { font-size: 15px; }

  [data-theme] .how-card { padding: 22px; }
  [data-theme] .how-illus { height: 110px; }

  [data-theme] .caps-grid { grid-template-columns: 1fr; }
  [data-theme] .cap-card { padding: 20px; }

  [data-theme] .integ-grid { grid-template-columns: 1fr; }
  [data-theme] .integ-card { padding: 14px; }

  [data-theme] .ready { padding: 64px 20px; }
  [data-theme] .ready h2 { font-size: 28px; margin-bottom: 24px; }

  [data-theme] footer.foot { padding: 48px 0 28px; }
  [data-theme] .foot-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-bottom: 32px; }
  [data-theme] .foot-brand { grid-column: 1 / -1; }
  [data-theme] .foot ul { gap: 4px; }
  [data-theme] .foot ul a {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    min-height: 24px;
  }
  [data-theme] .foot-bottom {
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    padding-top: 18px;
  }
}
@media (max-width: 480px) {
  [data-theme] .foot-grid { grid-template-columns: 1fr; }
}
[data-theme] .cmp-section {
  padding: var(--space-16) 0;
}
@media (max-width: 768px) {
  [data-theme] .cmp-section { padding: var(--space-10) 0; }
}

[data-theme] .cmp-section--surface-0 { background: var(--bg); }
[data-theme] .cmp-section--surface-1 { background: var(--bg-1); }
[data-theme] .cmp-section--surface-2 { background: var(--bg-2); }
[data-theme] .cmp-hero {
  background: var(--bg);
  padding: var(--space-16) 0 var(--space-12);
  text-align: center;
}
[data-theme] .cmp-hero__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--bg-2);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--accent-text);
  margin-bottom: var(--space-6);
}
[data-theme] .cmp-hero__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 var(--space-5);
}
[data-theme] .cmp-hero__intro {
  font-family: var(--font-body);
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.5;
  color: var(--fg-2);
  max-width: 720px;
  margin: 0 auto var(--space-8);
}
[data-theme] .cmp-hero__intro strong { color: var(--fg); font-weight: 600; }

[data-theme] .cmp-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  max-width: 880px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  [data-theme] .cmp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
[data-theme] .cmp-stat {
  background: var(--bg-2);
  border: 1px solid var(--accent);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  text-align: center;
}
[data-theme] .cmp-stat__value {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  color: var(--accent-text);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}
[data-theme] .cmp-stat__label {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--fg);
  margin-top: var(--space-1);
}
[data-theme] .cmp-stat__sublabel {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 2px;
}
[data-theme] .cmp-section__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(22px, 2.6vw, 30px);
  letter-spacing: -0.01em;
  color: var(--fg);
  text-align: center;
  margin: 0 0 var(--space-8);
}
[data-theme] .cmp-wins {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
@media (max-width: 768px) {
  [data-theme] .cmp-wins { grid-template-columns: 1fr; }
}
[data-theme] .cmp-win {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}

[data-theme] .cmp-win__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--radius-xs);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
[data-theme] .cmp-win--critical .cmp-win__badge { background: var(--danger-bg); color: var(--danger-fg); }
[data-theme] .cmp-win--high     .cmp-win__badge { background: rgba(245,194,69,0.10); color: var(--warning-fg); }
[data-theme] .cmp-win--medium   .cmp-win__badge { background: var(--success-bg); color: var(--success-fg); }

[data-theme] .cmp-win__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  color: var(--fg);
  margin: var(--space-3) 0 var(--space-2);
}
[data-theme] .cmp-win__body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .cmp-table-wrap {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
[data-theme] .cmp-table { width: 100%; border-collapse: collapse; font-family: var(--font-body); }
[data-theme] .cmp-table thead { background: var(--bg-1); }
[data-theme] .cmp-table th {
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fg-3);
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--line);
}
[data-theme] .cmp-table th.cmp-table__overskill-col {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent-text);
}
[data-theme] .cmp-table th.cmp-table__col-center,
[data-theme] .cmp-table td.cmp-table__col-center { text-align: center; }
[data-theme] .cmp-table td {
  padding: var(--space-4) var(--space-5);
  font-size: 14px;
  color: var(--fg-2);
  border-bottom: 1px solid var(--line);
}
[data-theme] .cmp-table td.cmp-table__feature {
  font-weight: 600;
  color: var(--fg);
}
[data-theme] .cmp-table td.cmp-table__overskill {
  background: color-mix(in srgb, var(--accent) 6%, transparent);
  color: var(--fg);
  font-weight: 600;
}

[data-theme] .cmp-table__explanation {
  background: var(--bg-1);
}
[data-theme] .cmp-table__explanation td {
  font-size: 13px;
  color: var(--fg-3);
  padding: var(--space-3) var(--space-5);
}
[data-theme] .cmp-table__explanation strong { color: var(--fg-2); }

[data-theme] .cmp-winner-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
[data-theme] .cmp-winner-pill--overskill {
  background: var(--accent);
  color: var(--accent-fg);
}
[data-theme] .cmp-winner-pill--tie,
[data-theme] .cmp-winner-pill--competitor {
  background: var(--bg-3);
  color: var(--fg-2);
}
[data-theme] .cmp-table__summary {
  margin-top: var(--space-6);
  padding: var(--space-5);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  border-radius: var(--radius-md);
}
[data-theme] .cmp-table__summary h3 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 var(--space-3);
}
[data-theme] .cmp-table__summary p {
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .cmp-verdict {
  max-width: 880px;
  margin: 0 auto;
  padding: var(--space-10);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 18%, transparent) 0%,
    color-mix(in srgb, var(--accent) 4%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
  text-align: center;
}
[data-theme] .cmp-verdict__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 3vw, 32px);
  letter-spacing: -0.01em;
  color: var(--fg);
  margin: 0 0 var(--space-4);
}
[data-theme] .cmp-verdict__body {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.55;
  color: var(--fg-2);
  max-width: 680px;
  margin: 0 auto var(--space-6);
}
[data-theme] .cmp-verdict__body strong { color: var(--fg); font-weight: 600; }
[data-theme] .cmp-verdict__actions {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
  flex-wrap: wrap;
}
[data-theme] .cmp-faqs {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 760px;
  margin: 0 auto;
}
[data-theme] .cmp-faq {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .cmp-faq__q {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 var(--space-3);
}
[data-theme] .cmp-faq__a {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .cmp-info { max-width: 880px; margin: 0 auto; }
[data-theme] .cmp-info__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  color: var(--fg);
  margin: 0 0 var(--space-4);
}
[data-theme] .cmp-info__desc {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0 0 var(--space-6);
}
[data-theme] .cmp-info__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
}
@media (max-width: 768px) {
  [data-theme] .cmp-info__grid { grid-template-columns: 1fr; }
}
[data-theme] .cmp-info__card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .cmp-info__card--danger {
  background: var(--danger-bg);
  border-color: color-mix(in srgb, var(--danger-fg) 30%, transparent);
}
[data-theme] .cmp-info__card h4 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
  margin: 0 0 var(--space-3);
}
[data-theme] .cmp-info__card--danger h4 { color: var(--danger-fg); }
[data-theme] .cmp-info__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
[data-theme] .cmp-info__list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fg-2);
}
[data-theme] .cmp-info__card--danger .cmp-info__list li { color: var(--danger-fg); }
[data-theme] .cmp-info__list strong { color: var(--fg); font-weight: 600; }
[data-theme] .cmp-info__card--danger .cmp-info__list strong { color: var(--danger-fg); }
[data-theme] .cmp-sources { max-width: 760px; margin: 0 auto; }
[data-theme] .cmp-sources__lead {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--fg-2);
  margin: 0 0 var(--space-5);
}
[data-theme] .cmp-source {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-3);
}
[data-theme] .cmp-source h4 {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}
[data-theme] .cmp-source p {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
  margin: 0 0 var(--space-2);
}
[data-theme] .cmp-source ul { list-style: none; padding: 0; margin: 0; }
[data-theme] .cmp-source li { margin-bottom: 4px; }
[data-theme] .cmp-source a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .cmp-source a:hover { text-decoration: underline; }
[data-theme] .cmp-sources__updated {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
  margin-top: var(--space-5);
}
[data-theme] .cmp-cta {
  background: var(--bg-1);
  border-top: 1px solid var(--line);
  padding: var(--space-16) 0;
  text-align: center;
}
[data-theme] .cmp-cta__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 3vw, 34px);
  color: var(--fg);
  margin: 0 0 var(--space-3);
}
[data-theme] .cmp-cta__body {
  font-family: var(--font-body);
  font-size: 18px;
  color: var(--fg-2);
  margin: 0 0 var(--space-6);
}
[data-theme] .cmp-cta__fine {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-4);
  margin: var(--space-4) 0 0;
}
[data-theme] .cmp-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
@media (max-width: 980px) { [data-theme] .cmp-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { [data-theme] .cmp-overview { grid-template-columns: 1fr; } }
[data-theme] .cmp-overview__card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .cmp-overview__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}
[data-theme] .cmp-overview__body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .cmp-versus {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}
@media (max-width: 768px) { [data-theme] .cmp-versus { grid-template-columns: 1fr; } }
[data-theme] .cmp-versus__card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
}
[data-theme] .cmp-versus__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-3);
}
[data-theme] .cmp-versus__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .cmp-versus__chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--accent-fg);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
}
[data-theme] .cmp-versus__tagline {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-2);
  margin: 0 0 var(--space-4);
}
[data-theme] .cmp-versus__issues-head {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--danger-fg);
  margin: 0 0 var(--space-2);
  padding-top: var(--space-4);
  border-top: 1px solid var(--line);
}
[data-theme] .cmp-versus__issues {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-1-5);
}
[data-theme] .cmp-versus__issues li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--danger-fg);
}
[data-theme] .cmp-versus__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .cmp-versus__cta:hover { text-decoration: underline; }
[data-theme] .fnl-grid-head {
  max-width: 720px;
  margin: 0 auto var(--space-8);
  text-align: center;
}
[data-theme] .fnl-grid-eyebrow { display: inline-block; margin-bottom: var(--space-3); }
[data-theme] .fnl-grid-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 var(--space-3);
}
[data-theme] .fnl-grid-sub {
  font-family: var(--font-body);
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .fnl-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin: 0 auto var(--space-8);
  max-width: 900px;
}
[data-theme] .fnl-filter-radio {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}
[data-theme] .fnl-filter-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--fg-2);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border-color var(--t-fast) var(--ease-out),
              color var(--t-fast) var(--ease-out),
              background var(--t-fast) var(--ease-out);
}
[data-theme] .fnl-filter-tab:hover { border-color: var(--hover-border); color: var(--fg); }
[data-theme] .fnl-filter-count {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
}
[data-theme] .fnl-filter-radio:checked + .fnl-filter-tab {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
}
[data-theme] .fnl-filter-radio:checked + .fnl-filter-tab .fnl-filter-count { color: var(--accent-fg); }
[data-theme] .fnl-filter-radio:focus-visible + .fnl-filter-tab {
  outline: none;
  box-shadow: var(--focus-ring);
}
[data-theme] .fnl-filter:has(#fnl-uc-appointments:checked) ~ .fnl-grid .fnl-card:not([data-usecase~="appointments"]) { display: none; }
[data-theme] .fnl-filter:has(#fnl-uc-leads:checked)        ~ .fnl-grid .fnl-card:not([data-usecase~="leads"])        { display: none; }
[data-theme] .fnl-filter:has(#fnl-uc-sales:checked)        ~ .fnl-grid .fnl-card:not([data-usecase~="sales"])        { display: none; }
[data-theme] .fnl-filter:has(#fnl-uc-quizzes:checked)      ~ .fnl-grid .fnl-card:not([data-usecase~="quizzes"])      { display: none; }
[data-theme] .fnl-filter:has(#fnl-uc-webinars:checked)     ~ .fnl-grid .fnl-card:not([data-usecase~="webinars"])     { display: none; }
[data-theme] .fnl-card { cursor: default; }
[data-theme] .fnl-card:hover { transform: translateY(-2px); border-color: var(--hover-border); }
[data-theme] .fnl-card-live {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--bg) 82%, transparent);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);
}
[data-theme] .fnl-card:hover .fnl-card-live,
[data-theme] .fnl-card-live:focus-visible { opacity: 1; }
[data-theme] .fnl-card-live:hover { border-color: var(--accent); color: var(--accent-text); }
@media (hover: none) {
  [data-theme] .fnl-card-live { opacity: 1; }
}
[data-theme] .fnl-card-actions {
  margin-top: auto;
  padding-top: var(--space-3);
}
[data-theme] .fnl-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--accent-text);
  text-decoration: none;
}
[data-theme] .fnl-card-cta svg { transition: transform var(--t-fast) var(--ease-out); }
[data-theme] .fnl-card-cta:hover svg { transform: translateX(3px); }
[data-theme] .fnl-grid-empty {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}
[data-theme] .fnl-grid-empty p {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0 0 var(--space-5);
}
@media (max-width: 900px) { [data-theme] .fnl-grid.tmpl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { [data-theme] .fnl-grid.tmpl-grid { grid-template-columns: 1fr; } }
[data-theme] .psp {
  --psp-maxw: 1100px;
}
[data-theme] .psp-section {
  padding: var(--section-pad-tight) 0;
}
[data-theme] .psp-section--tight { padding: var(--section-pad-mobile) 0; }
[data-theme] .psp-section--sunken { background: var(--bg-1); }
@media (max-width: 720px) {
  [data-theme] .psp-section { padding: var(--section-pad-mobile) 0; }
}

[data-theme] .psp-head {
  max-width: 720px;
  margin: 0 auto var(--space-12);
  text-align: center;
}
[data-theme] .psp-head--left {
  text-align: left;
  margin-left: 0;
}
[data-theme] .psp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
[data-theme] .psp-h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.4vw, 42px);
  line-height: 1.06;
  letter-spacing: -0.022em;
  color: var(--fg);
  margin: 0;
  text-wrap: balance;
}
[data-theme] .psp-sub {
  margin: var(--space-4) auto 0;
  max-width: 620px;
  color: var(--fg-2);
  font-size: 17px;
  line-height: 1.55;
  text-wrap: pretty;
}
[data-theme] .psp-head--left .psp-sub { margin-left: 0; }
[data-theme] .psp-ink {
  color: var(--fg);
  position: relative;
  white-space: nowrap;
}
[data-theme] .psp-ink::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.02em;
  height: 0.14em;
  background: var(--accent);
  border-radius: 2px;
  opacity: 0.9;
}
[data-theme] .psp-accent { color: var(--accent-text); }
[data-theme] .psp-hero {
  position: relative;
  padding: clamp(56px, 8vw, 104px) 0 clamp(48px, 6vw, 88px);
  overflow: hidden;
}
[data-theme] .psp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--hero-grid) 1px, transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);
  pointer-events: none;
}
[data-theme] .psp-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
@media (max-width: 900px) {
  [data-theme] .psp-hero-grid { grid-template-columns: 1fr; gap: 40px; }
}
[data-theme] .psp-hero-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(38px, 6vw, 66px);
  line-height: 0.98;
  letter-spacing: -0.028em;
  color: var(--fg);
  margin: var(--space-5) 0 0;
  text-wrap: balance;
}
[data-theme] .psp-hero-intro {
  margin-top: var(--space-6);
  max-width: 520px;
  color: var(--fg-2);
  font-size: 18px;
  line-height: 1.55;
  text-wrap: pretty;
}
[data-theme] .psp-hero-intro strong { color: var(--fg); font-weight: 600; }
[data-theme] .psp-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-8);
}
[data-theme] .psp-hero-trust {
  margin-top: var(--space-5);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  color: var(--fg-3);
  font-size: 13px;
}
[data-theme] .psp-hero-trust span { display: inline-flex; align-items: center; gap: 6px; }
[data-theme] .psp-hero-trust svg { color: var(--accent-text); flex: none; }
[data-theme] .psp-demo {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
[data-theme] .psp-demo-bar {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--line);
  background: var(--bg-1);
}
[data-theme] .psp-demo-dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--line-2);
}
[data-theme] .psp-demo-url {
  margin-left: var(--space-2);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  letter-spacing: 0.02em;
}
[data-theme] .psp-demo-body { padding: var(--space-5); }
[data-theme] .psp-demo-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: var(--space-2);
}
[data-theme] .psp-demo-prompt {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-3-5);
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg);
}
[data-theme] .psp-demo-prompt .psp-caret {
  color: var(--accent-text);
  font-weight: 700;
}
[data-theme] .psp-demo-arrow {
  display: flex;
  justify-content: center;
  padding: var(--space-2) 0;
  color: var(--fg-4);
}
[data-theme] .psp-demo-result {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  background: var(--bg);
}
[data-theme] .psp-demo-result-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 4px;
}
[data-theme] .psp-demo-result-p { font-size: 12px; color: var(--fg-3); margin: 0 0 var(--space-3); }
[data-theme] .psp-demo-field {
  height: 30px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-2);
  background: var(--bg-2);
  margin-bottom: var(--space-2);
}
[data-theme] .psp-demo-cta {
  height: 34px;
  border-radius: var(--radius-sm);
  background: var(--accent);
  color: var(--accent-fg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
}
[data-theme] .psp-demo-foot {
  margin-top: var(--space-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  color: var(--fg-3);
}
[data-theme] .psp-beats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4);
}
@media (max-width: 760px) { [data-theme] .psp-beats { grid-template-columns: 1fr; } }
[data-theme] .psp-beat {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
}
[data-theme] .psp-beat-num {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--accent-text);
  margin-bottom: var(--space-3);
}
[data-theme] .psp-beat-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}
[data-theme] .psp-beat-p { font-size: 14px; color: var(--fg-2); margin: 0; line-height: 1.5; }
[data-theme] .psp-vs-legend {
  display: flex;
  justify-content: center;
  gap: var(--space-6);
  margin-bottom: var(--space-8);
  flex-wrap: wrap;
}
[data-theme] .psp-vs-legend-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}
[data-theme] .psp-vs-legend-swatch { width: 12px; height: 12px; border-radius: 3px; }
[data-theme] .psp-vs-legend-swatch--os { background: var(--accent); }
[data-theme] .psp-vs-legend-swatch--other { background: var(--line-2); }

[data-theme] .psp-vs-row {
  display: grid;
  grid-template-columns: 220px 1fr 1fr;
  gap: var(--space-4);
  align-items: stretch;
  padding: var(--space-4) 0;
  border-top: 1px solid var(--line);
}
[data-theme] .psp-vs-row:last-child { border-bottom: 1px solid var(--line); }
[data-theme] .psp-vs-dim {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-theme] .psp-vs-dim-label {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--fg);
}
[data-theme] .psp-vs-dim-note { font-size: 13px; color: var(--fg-3); margin-top: 4px; line-height: 1.45; }

[data-theme] .psp-vs-cell {
  border-radius: var(--radius-md);
  padding: var(--space-4);
  font-size: 14px;
  line-height: 1.45;
  display: flex;
  gap: var(--space-2-5);
  align-items: flex-start;
}
[data-theme] .psp-vs-cell--os {
  background: var(--success-bg);
  border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  color: var(--fg);
}
[data-theme] .psp-vs-cell--other {
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--fg-2);
}
[data-theme] .psp-vs-cell-icon { flex: none; margin-top: 1px; }
[data-theme] .psp-vs-cell--os .psp-vs-cell-icon { color: var(--accent-text); }
[data-theme] .psp-vs-cell--other .psp-vs-cell-icon { color: var(--fg-4); }
[data-theme] .psp-vs-brand {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 4px;
}

@media (max-width: 860px) {
  [data-theme] .psp-vs-row { grid-template-columns: 1fr; gap: var(--space-2-5); }
  [data-theme] .psp-vs-dim { margin-bottom: var(--space-1); }
}
[data-theme] .psp-why-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-4);
}
@media (max-width: 720px) { [data-theme] .psp-why-grid { grid-template-columns: 1fr; } }
[data-theme] .psp-why-card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  transition: border-color var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out);
}
[data-theme] .psp-why-card:hover { border-color: var(--hover-border); transform: translateY(-2px); }
[data-theme] .psp-why-icon {
  width: 40px; height: 40px;
  border-radius: var(--radius-md);
  background: var(--success-bg);
  color: var(--accent-text);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: var(--space-4);
}
[data-theme] .psp-why-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}
[data-theme] .psp-why-p { font-size: 14px; color: var(--fg-2); margin: 0; line-height: 1.5; }
[data-theme] .psp-faqs { max-width: 780px; margin: 0 auto; }
[data-theme] .psp-faq {
  border-bottom: 1px solid var(--line);
}
[data-theme] .psp-faq > summary {
  list-style: none;
  cursor: pointer;
  padding: var(--space-5) var(--space-8) var(--space-5) 0;
  position: relative;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  color: var(--fg);
}
[data-theme] .psp-faq > summary::-webkit-details-marker { display: none; }
[data-theme] .psp-faq > summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 400;
  color: var(--accent-text);
  transition: transform var(--t-base) var(--ease-out);
}
[data-theme] .psp-faq[open] > summary::after { content: "\2212"; }
[data-theme] .psp-faq > summary:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--radius-sm);
}
[data-theme] .psp-faq-body {
  padding: 0 var(--space-8) var(--space-5) 0;
  color: var(--fg-2);
  font-size: 15px;
  line-height: 1.6;
  text-wrap: pretty;
}
[data-theme] .psp-closer {
  position: relative;
  border-radius: var(--radius-xl);
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  background:
    radial-gradient(ellipse 60% 120% at 50% 0%, var(--success-bg), transparent 70%),
    var(--bg-2);
  padding: clamp(40px, 6vw, 72px) var(--space-6);
  text-align: center;
  overflow: hidden;
}
[data-theme] .psp-closer-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.022em;
  color: var(--fg);
  margin: 0;
  text-wrap: balance;
}
[data-theme] .psp-closer-sub {
  margin: var(--space-4) auto 0;
  max-width: 560px;
  color: var(--fg-2);
  font-size: 17px;
  line-height: 1.55;
}
[data-theme] .psp-closer-actions {
  margin-top: var(--space-8);
  display: flex;
  justify-content: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}
[data-theme] .psp-closer-fine {
  margin-top: var(--space-5);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--fg-3);
}
[data-theme] .psp-context {
  max-width: 720px;
  margin: 0 auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-1);
  padding: var(--space-6);
}
[data-theme] .psp-context-h {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 var(--space-3);
}
[data-theme] .psp-context-p { font-size: 14px; color: var(--fg-2); margin: 0; line-height: 1.55; }
[data-theme] .modal.psp-preview-modal {
  max-width: 480px;
  width: calc(100% - 32px);
  max-height: min(92vh, 940px);
  transition: max-width 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}
[data-theme] .modal.psp-preview-modal.psp-view-desktop {
  max-width: min(1120px, calc(100vw - 32px));
}
[data-theme] .psp-preview-modal .modal-title {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
[data-theme] .psp-preview-mobile-glyph { color: var(--accent-text); flex: none; }

[data-theme] .modal.psp-preview-modal .psp-preview-body {
  padding: var(--space-4) var(--space-5) var(--space-6);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
[data-theme] .psp-device {
  width: 100%;
  display: flex;
  justify-content: center;
}
[data-theme] .psp-phone {
  position: relative;
  width: 416px;
  max-width: 100%;
  aspect-ratio: 416 / 850;
  border-radius: 46px;
  padding: 13px;
  background: linear-gradient(160deg, #2a2c30, #17181a 60%);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent),
    0 24px 60px -18px rgba(0, 0, 0, 0.6),
    inset 0 0 0 2px rgba(255, 255, 255, 0.04);
  flex: none;
}
@media (max-width: 470px) {
  [data-theme] .psp-phone { width: 100%; }
}
[data-theme] .psp-phone-notch {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 26px;
  background: #0c0d0e;
  border-radius: 0 0 16px 16px;
  z-index: 3;
}
[data-theme] .psp-phone-screen {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 34px;
  overflow: hidden;
  background: var(--bg-0, #fff);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
[data-theme] .psp-device-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #fff;
}
[data-theme] .psp-phone-spinner {
  border-radius: 34px;
  background: var(--bg-1);
}
[data-theme] .psp-preview-caption {
  margin: var(--space-5) auto 0;
  max-width: 360px;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
}

@media (max-width: 480px) {
  [data-theme] .psp-phone { border-radius: 38px; padding: 9px; }
  [data-theme] .psp-phone-screen { border-radius: 30px; }
}
[data-theme] .psp-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: var(--radius-full, 999px);
  background: var(--bg-2);
  border: 1px solid var(--border-1);
}
[data-theme] .psp-view-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border: 0;
  border-radius: var(--radius-full, 999px);
  background: transparent;
  color: var(--fg-3);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease;
}
[data-theme] .psp-view-toggle-btn svg { flex: none; }
[data-theme] .psp-view-toggle-btn:hover { color: var(--fg); }
[data-theme] .psp-view-toggle-btn.is-active {
  background: var(--accent);
  color: #0b1f10;
}
@media (max-width: 560px) {
  [data-theme] .psp-view-toggle-btn span { display: none; }
  [data-theme] .psp-view-toggle-btn { padding: 6px; }
}
[data-theme] .psp-view-desktop .psp-phone {
  width: 100%;
  max-width: 1040px;
  min-width: min(100%, 640px);
  flex: 0 0 auto;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  padding: 34px 4px 4px;
  background: linear-gradient(180deg, #2a2c30, #202225 42px, #17181a);
}
[data-theme] .psp-view-desktop .psp-phone-notch {
  top: 12px;
  left: 16px;
  transform: none;
  width: 52px;
  height: 10px;
  border-radius: 999px;
  background: transparent;
  box-shadow:
    0 0 0 0 transparent,
    -0px 0 0 0 #ff5f57,
    8px 0 0 0 #ffbd2e,
    16px 0 0 0 #28c840;
}
[data-theme] .psp-view-desktop .psp-phone-notch::after {
  content: "";
}
[data-theme] .psp-view-desktop .psp-phone-screen {
  border-radius: 8px;
}
[data-theme] .psp-view-desktop .psp-phone-spinner { border-radius: 8px; }
@media (max-width: 480px) {
  [data-theme] .psp-view-desktop .psp-phone { border-radius: 12px; padding: 30px 4px 4px; }
}
[data-theme] .psp-caption-desktop { display: none; }
[data-theme] .psp-view-desktop .psp-caption-mobile { display: none; }
[data-theme] .psp-view-desktop .psp-caption-desktop { display: inline; }
[data-theme] .psp-theme-toggle .psp-view-toggle-btn.is-active {
  background: var(--fg);
  color: var(--bg-1, #1b1c1d);
}
[data-theme] .fnl-card-live svg { flex: none; }
[data-theme] .agents-section {
  padding: var(--space-16) 0;
  border-bottom: 1px solid var(--line);
}
@media (max-width: 768px) { [data-theme] .agents-section { padding: var(--space-10) 0; } }

[data-theme] .agents-section--surface-0 { background: var(--bg); }
[data-theme] .agents-section--surface-1 { background: var(--bg-1); }

[data-theme] .agents-hero {
  position: relative;
  background: var(--bg);
  padding: var(--space-20) 0 var(--space-16);
  text-align: center;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
[data-theme] .agents-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(
    ellipse at top,
    color-mix(in srgb, var(--accent) 10%, transparent) 0%,
    transparent 60%
  );
  opacity: 0.6;
  pointer-events: none;
}
[data-theme] .agents-hero > * { position: relative; }

[data-theme] .agents-hero__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--accent-text);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: var(--space-7);
}
[data-theme] .agents-hero__pill .pulse {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  box-shadow: 0 0 12px var(--accent);
  animation: agents-pulse 2s infinite;
}
@keyframes agents-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.6; transform: scale(0.9); }
}

[data-theme] .agents-hero__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 6vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 0 0 var(--space-5);
}
[data-theme] .agents-hero__title .accent { color: var(--accent); }

[data-theme] .agents-hero__intro {
  font-family: var(--font-body);
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.5;
  color: var(--fg-2);
  max-width: 640px;
  margin: 0 auto var(--space-8);
}
[data-theme] .agents-hero__actions {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
  flex-wrap: wrap;
}
[data-theme] .agents-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--accent-text);
  margin: 0 0 var(--space-3);
}
[data-theme] .agents-h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.5vw, 38px);
  letter-spacing: -0.01em;
  color: var(--fg);
  margin: 0 0 var(--space-3);
}
[data-theme] .agents-lead {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--fg-2);
  margin: 0 0 var(--space-10);
}
[data-theme] .agents-diff {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: var(--space-10);
  align-items: start;
}
@media (max-width: 980px) { [data-theme] .agents-diff { grid-template-columns: 1fr; } }

[data-theme] .agents-steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
[data-theme] .agents-step {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .agents-step__num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  color: var(--accent-text);
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .agents-step__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--fg);
  margin: 0 0 4px;
}
[data-theme] .agents-step__code {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
  word-break: break-all;
}
[data-theme] .agents-step__code .accent { color: var(--accent-text); }

[data-theme] .agents-diff__body p {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0 0 var(--space-3);
}
[data-theme] .agents-diff__body p strong { color: var(--fg); font-weight: 600; }
[data-theme] .agents-diff__body code {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--accent-text);
}
[data-theme] .agents-diff__body p:last-child { font-size: 13px; color: var(--fg-3); }
[data-theme] .agents-code {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
}
@media (max-width: 980px) { [data-theme] .agents-code { grid-template-columns: 1fr; } }
[data-theme] .agents-code__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fg-4);
  margin-bottom: var(--space-2);
}
[data-theme] .agents-code__block {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
}
[data-theme] .agents-code__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px var(--space-4);
  border-bottom: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
}
[data-theme] .agents-code__head .ok { color: var(--accent-text); }
[data-theme] .agents-code__copy {
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-4);
  transition: color var(--t-base);
}
[data-theme] .agents-code__copy:hover { color: var(--fg-2); }
[data-theme] .agents-code__block pre {
  margin: 0;
  padding: var(--space-4);
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.5;
}
[data-theme] .agents-code__block pre code.accent-text { color: var(--accent-text); }
[data-theme] .agents-code__block pre code.body-text { color: var(--fg-2); }
[data-theme] .agents-code__note {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-4);
  margin: var(--space-3) 0 0;
}
[data-theme] .agents-code__note code {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-text);
}
[data-theme] .agents-install {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}
@media (max-width: 980px) { [data-theme] .agents-install { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { [data-theme] .agents-install { grid-template-columns: 1fr; } }
[data-theme] .agents-card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .agents-card__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}
[data-theme] .agents-card__badge {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
  color: var(--accent-text);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
}
[data-theme] .agents-card__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .agents-card__desc {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
  margin: 0 0 var(--space-3);
}
[data-theme] .agents-card__cmd {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 10px var(--space-3);
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-text);
  word-break: break-all;
}
[data-theme] .agents-endpoints {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}
@media (max-width: 768px) { [data-theme] .agents-endpoints { grid-template-columns: 1fr; } }
[data-theme] .agents-endpoint-col__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: var(--space-3);
}
[data-theme] .agents-endpoint-col--accent .agents-endpoint-col__label { color: var(--accent-text); }
[data-theme] .agents-endpoint-col--neutral .agents-endpoint-col__label { color: var(--fg-3); }

[data-theme] .agents-endpoint-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
[data-theme] .agents-endpoint {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}
[data-theme] .agents-endpoint__icon {
  flex-shrink: 0;
  margin-top: 2px;
}
[data-theme] .agents-endpoint__path {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 500;
  word-break: break-all;
}
[data-theme] .agents-endpoint--accent .agents-endpoint__icon,
[data-theme] .agents-endpoint--accent .agents-endpoint__path { color: var(--accent-text); }
[data-theme] .agents-endpoint--neutral .agents-endpoint__icon,
[data-theme] .agents-endpoint--neutral .agents-endpoint__path { color: var(--fg-3); }
[data-theme] .agents-endpoint__desc {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 2px;
}

[data-theme] .agents-rate-limits {
  margin-top: var(--space-8);
  padding: var(--space-4);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-2);
}
[data-theme] .agents-rate-limits strong { color: var(--fg); font-weight: 600; }
[data-theme] .agents-rate-limits a { color: var(--accent-text); }
[data-theme] .agents-rate-limits a:hover { text-decoration: underline; }
[data-theme] .agents-rate-limits code {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-text);
}
[data-theme] .agents-discovery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}
@media (max-width: 980px) { [data-theme] .agents-discovery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { [data-theme] .agents-discovery { grid-template-columns: 1fr; } }
[data-theme] .agents-disc-card {
  display: block;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  text-decoration: none;
  transition: border-color var(--t-base), background var(--t-base);
}
[data-theme] .agents-disc-card:hover {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
  background: var(--hover-bg);
}
[data-theme] .agents-disc-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
[data-theme] .agents-disc-card__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  color: var(--fg);
  margin: 0;
}
[data-theme] .agents-disc-card__ext {
  color: var(--fg-4);
  transition: color var(--t-base);
}
[data-theme] .agents-disc-card:hover .agents-disc-card__ext { color: var(--accent-text); }
[data-theme] .agents-disc-card__path {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-text);
  word-break: break-all;
}
[data-theme] .agents-disc-card__desc {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
  margin: var(--space-2) 0 0;
  line-height: 1.4;
}
[data-theme] .agents-aux {
  margin-top: var(--space-10);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
@media (max-width: 768px) { [data-theme] .agents-aux { grid-template-columns: 1fr; } }
[data-theme] .agents-aux__card {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .agents-aux__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}
[data-theme] .agents-aux__body {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
  margin: 0 0 var(--space-3);
}
[data-theme] .agents-aux__body code {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-text);
}
[data-theme] .agents-aux__example {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-text);
  word-break: break-all;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 10px var(--space-3);
}
[data-theme] .agents-standards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
@media (max-width: 768px) { [data-theme] .agents-standards { grid-template-columns: 1fr; } }
[data-theme] .agents-standard {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
[data-theme] .agents-standard__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}
[data-theme] .agents-standard__icon {
  flex-shrink: 0;
  margin-top: 2px;
}
[data-theme] .agents-standard__icon--shipped { color: var(--accent-text); }
[data-theme] .agents-standard__icon--planned { color: var(--warning-fg); }
[data-theme] .agents-standard__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}
[data-theme] .agents-standard__desc {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .agents-standard__desc strong { color: var(--warning-fg); font-weight: 600; }
[data-theme] .agents-standard__desc em { color: var(--fg-2); font-style: normal; font-weight: 500; }
[data-theme] .agents-cta {
  text-align: center;
  padding: var(--space-20) 0;
}
[data-theme] .agents-cta h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.5vw, 40px);
  letter-spacing: -0.01em;
  color: var(--fg);
  margin: 0 0 var(--space-4);
}
[data-theme] .agents-cta p {
  font-family: var(--font-body);
  font-size: 17px;
  color: var(--fg-2);
  max-width: 560px;
  margin: 0 auto var(--space-8);
}
[data-theme] .agents-cta__actions {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
  flex-wrap: wrap;
}
[data-theme] .agents-cta__fine {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-4);
  margin-top: var(--space-7);
}
[data-theme] .agents-cta__fine a { color: var(--accent-text); }
[data-theme] .agents-cta__fine a:hover { text-decoration: underline; }
[data-theme] .vibe-shell {
  max-width: 1000px;
  margin: 0 auto;
  padding: 48px 32px 80px;
}
[data-theme] .vibe-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
  padding-bottom: 28px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .vibe-hero__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(38px, 5vw, 60px);
  line-height: 0.98;
  letter-spacing: -0.025em;
  margin: 0 0 14px;
  color: var(--fg);
}
[data-theme] .vibe-hero__accent { color: var(--accent-text); white-space: nowrap; }
[data-theme] .vibe-hero__lede {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--fg-3);
  line-height: 1.55;
  margin: 0;
  max-width: 52ch;
}
[data-theme] .vibe-countdown { text-align: left; }
[data-theme] .vibe-cd-label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}
[data-theme] .vibe-cd-pulse {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent);
  animation: vibe-pulse 2s infinite;
}
@keyframes vibe-pulse {
  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent); }
  70%  { box-shadow: 0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent); }
  100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent); }
}
[data-theme] .vibe-cd-clock { display: flex; gap: 8px; }
[data-theme] .vibe-cd-unit {
  min-width: 62px;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
[data-theme] .vibe-cd-v {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--fg);
  font-variant-numeric: tabular-nums;
}
[data-theme] .vibe-cd-u {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-4);
}
[data-theme] .vibe-cd-unit--warn .vibe-cd-v { color: var(--accent-text); }
[data-theme] .vibe-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg-1);
  overflow: hidden;
  margin-bottom: 24px;
}
[data-theme] .vibe-meta__cell {
  padding: 18px 22px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
[data-theme] .vibe-meta__cell:last-child { border-right: 0; }
[data-theme] .vibe-meta__label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-4);
  font-weight: 600;
}
[data-theme] .vibe-meta__value {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.015em;
  color: var(--fg);
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
[data-theme] .vibe-meta__unit {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  color: var(--fg-3);
  font-weight: 500;
  text-transform: uppercase;
}
[data-theme] .vibe-meta__value--live { color: var(--accent-text); }
[data-theme] .vibe-panel {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
}
[data-theme] .vibe-panel + .vibe-panel { margin-top: 20px; }
[data-theme] .vibe-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px 20px;
}
[data-theme] .vibe-panel__tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin-bottom: 8px;
  display: block;
}
[data-theme] .vibe-panel__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
  line-height: 1.2;
  color: var(--fg);
}
[data-theme] .vibe-panel__desc {
  margin: 0;
  color: var(--fg-3);
  font-size: 14px;
  line-height: 1.55;
  max-width: 64ch;
  font-family: var(--font-body);
}
[data-theme] .vibe-head-pill {
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 12px;
  white-space: nowrap;
}
[data-theme] .vibe-picker {
  padding: 4px 28px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  border: 0;
}
[data-theme] .vibe-opt {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  position: relative;
}
[data-theme] .vibe-opt:hover { border-color: var(--line-2); background: var(--bg-3); }
[data-theme] .vibe-radio-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
[data-theme] .vibe-opt:has(.vibe-radio-input:checked) {
  border-color: var(--accent-text);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-2));
}
[data-theme] .vibe-opt:has(.vibe-radio-input:focus-visible) {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);
  border-color: var(--accent-text);
}
[data-theme] .vibe-glyph {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--accent-fg);
}
[data-theme] .vibe-opt__body { flex: 1; min-width: 0; }
[data-theme] .vibe-opt__name {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--fg);
  display: flex;
  align-items: center;
  gap: 9px;
}
[data-theme] .vibe-opt__domain {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 3px;
}
[data-theme] .vibe-tag {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent-text);
}
[data-theme] .vibe-radio {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  flex-shrink: 0;
  border: 1.5px solid var(--line-2);
  position: relative;
  transition: border-color 0.15s;
}
[data-theme] .vibe-opt:has(.vibe-radio-input:checked) .vibe-radio { border-color: var(--accent-text); }
[data-theme] .vibe-opt:has(.vibe-radio-input:checked) .vibe-radio::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  background: var(--accent);
}
[data-theme] .vibe-field { padding: 20px 28px 4px; }
[data-theme] .vibe-field__label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-4);
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
[data-theme] .vibe-textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  min-height: 92px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 14px 16px;
  color: var(--fg);
  font: 500 14px/1.55 var(--font-body);
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
[data-theme] .vibe-textarea::-moz-placeholder { color: var(--fg-4); }
[data-theme] .vibe-textarea::placeholder { color: var(--fg-4); }
[data-theme] .vibe-textarea:focus {
  border-color: var(--accent-text);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);
}
[data-theme] .vibe-field__hint {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-4);
  margin-top: 8px;
  letter-spacing: 0.04em;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
[data-theme] .vibe-submit-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 28px 26px;
  flex-wrap: wrap;
}
[data-theme] .vibe-submit-note {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--fg-3);
  max-width: 46ch;
  line-height: 1.5;
}
[data-theme] .vibe-submit-note strong { color: var(--fg-2); font-weight: 600; }
[data-theme] .vibe-btn-icon { width: 16px; height: 16px; }
[data-theme] .vibe-alert {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
  padding: 16px 18px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.45;
}
[data-theme] .vibe-alert__ico {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[data-theme] .vibe-alert__ico svg { width: 16px; height: 16px; }
[data-theme] .vibe-alert__body { flex: 1; }
[data-theme] .vibe-alert__body strong { font-weight: 600; }
[data-theme] .vibe-alert__sub { color: var(--fg-2); }
[data-theme] .vibe-subapp {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 28px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .vibe-subapp__glyph {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 20px;
  color: var(--accent-fg);
}
[data-theme] .vibe-subapp__body { flex: 1; min-width: 0; }
[data-theme] .vibe-subapp__name {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 17px;
  color: var(--fg);
  display: flex;
  align-items: center;
  gap: 10px;
}
[data-theme] .vibe-subapp__domain {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 4px;
}
[data-theme] .vibe-subapp__track {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-4);
  margin-top: 8px;
}
[data-theme] .vibe-subapp__actions { display: flex; gap: 8px; flex-shrink: 0; }
[data-theme] .vibe-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 4px 28px 28px;
}
[data-theme] .vibe-step {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px;
}
[data-theme] .vibe-step__num {
  font-family: var(--font-display);
  font-size: 15px;
  color: var(--accent-text);
  flex-shrink: 0;
  line-height: 1.3;
}
[data-theme] .vibe-step__t {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--fg);
  margin-bottom: 5px;
}
[data-theme] .vibe-step__d {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--fg-3);
  line-height: 1.5;
}
[data-theme] .vibe-empty {
  padding: 32px 28px 40px;
  text-align: center;
}
[data-theme] .vibe-empty__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--fg);
  margin: 0 0 6px;
}
[data-theme] .vibe-empty__desc {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-3);
  line-height: 1.55;
  margin: 0 auto 18px;
  max-width: 46ch;
}
@media (max-width: 800px) {
  [data-theme] .vibe-meta { grid-template-columns: 1fr 1fr; }
  [data-theme] .vibe-meta__cell:nth-child(2) { border-right: 0; }
  [data-theme] .vibe-meta__cell:nth-child(1),
  [data-theme] .vibe-meta__cell:nth-child(2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 720px) {
  [data-theme] .vibe-steps { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  [data-theme] .vibe-shell { padding: 32px 18px 64px; }
  [data-theme] .vibe-panel__head,
  [data-theme] .vibe-picker,
  [data-theme] .vibe-field,
  [data-theme] .vibe-submit-bar,
  [data-theme] .vibe-subapp,
  [data-theme] .vibe-steps { padding-left: 18px; padding-right: 18px; }
  [data-theme] .vibe-subapp { flex-wrap: wrap; }
  [data-theme] .vibe-subapp__actions { width: 100%; }
  [data-theme] .vibe-textarea { font-size: 16px; }
}
[data-theme] .brand-section {
  padding: var(--space-16) 0;
  border-bottom: 1px solid var(--line);
  background: var(--bg);
}
[data-theme] .brand-section--surface-1 { background: var(--bg-1); }

@media (max-width: 768px) {
  [data-theme] .brand-section { padding: var(--space-10) 0; }
}

[data-theme] .brand-eyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-text);
  margin: 0 0 var(--space-4);
}

[data-theme] .brand-h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 3.2vw, 34px);
  line-height: 1.15;
  color: var(--fg);
  margin: 0 0 var(--space-8);
}
[data-theme] .brand-hero {
  background: var(--bg);
  padding: var(--space-20) 0 var(--space-16);
  border-bottom: 1px solid var(--line);
}
@media (max-width: 768px) {
  [data-theme] .brand-hero { padding: var(--space-12) 0 var(--space-10); }
}

[data-theme] .brand-hero__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(38px, 5.5vw, 58px);
  line-height: 1.05;
  color: var(--fg);
  margin: 0 0 var(--space-5);
}

[data-theme] .brand-hero__intro {
  font-size: 18px;
  line-height: 1.6;
  color: var(--fg-2);
  max-width: 60ch;
  margin: 0 0 var(--space-8);
}

[data-theme] .brand-hero__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }
[data-theme] .brand-assets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}
@media (max-width: 900px) {
  [data-theme] .brand-assets { grid-template-columns: minmax(0, 1fr); }
}

[data-theme] .brand-asset {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
[data-theme] .brand-asset__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-10) var(--space-6);
  min-height: 190px;
  border-bottom: 1px solid var(--line);
}
[data-theme] .brand-asset__stage--dark  { background: #0f0f0f; }
[data-theme] .brand-asset__stage--light { background: #ffffff; }
[data-theme] .brand-asset__stage--plain { background: var(--bg-1); }
[data-theme] .brand-asset__stage--checker {
  background-color: #eef0f2;
  background-image:
    linear-gradient(45deg, #d5d9dd 25%, transparent 25%),
    linear-gradient(-45deg, #d5d9dd 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #d5d9dd 75%),
    linear-gradient(-45deg, transparent 75%, #d5d9dd 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}

[data-theme] .brand-asset__art {
  display: block;
  max-width: 100%;
  height: auto;
}
[data-theme] .brand-asset__art--dark,
[data-theme] .brand-asset__art--light { width: min(320px, 100%); }
[data-theme] .brand-asset__art--checker { width: 120px; }
[data-theme] .brand-asset__art--plain {
  width: min(360px, 100%);
  border-radius: var(--radius-md);
}

[data-theme] .brand-asset__body { padding: var(--space-6); }

[data-theme] .brand-asset__name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  color: var(--fg);
  margin: 0 0 var(--space-2);
}

[data-theme] .brand-asset__note {
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg-3);
  margin: 0 0 var(--space-5);
}
[data-theme] .brand-files {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

[data-theme] .brand-file__head {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin-bottom: 6px;
}

[data-theme] .brand-file__label {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--accent-text);
}

[data-theme] .brand-file__note {
  font-size: 12px;
  color: var(--fg-3);
}

[data-theme] .brand-file__row {
  display: flex;
  align-items: stretch;
  gap: var(--space-2);
}

[data-theme] .brand-file__url {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.4;
  color: var(--fg-2);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  overflow-wrap: anywhere;
  display: flex;
  align-items: center;
}
[data-theme] .brand-copy {
  flex: 0 0 auto;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--fg);
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 9px 14px;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
[data-theme] .brand-copy:hover {
  background: var(--bg-2);
  border-color: var(--fg-3);
}
[data-theme] .brand-copy:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
[data-theme] .brand-copy[data-copied] {
  color: var(--accent-text);
  border-color: var(--accent-text);
}
[data-theme] .brand-colors {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}
@media (max-width: 900px) {
  [data-theme] .brand-colors { grid-template-columns: minmax(0, 1fr); }
}

[data-theme] .brand-color {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  overflow: hidden;
}

[data-theme] .brand-color__chip {
  display: flex;
  align-items: flex-end;
  min-height: 128px;
  padding: var(--space-4);
  border-bottom: 1px solid var(--line);
}

[data-theme] .brand-color__hex {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: inherit;
}

[data-theme] .brand-color__body { padding: var(--space-5) var(--space-6) var(--space-6); }

[data-theme] .brand-color__name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 6px;
}

[data-theme] .brand-color__note {
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-3);
  margin: 0 0 var(--space-4);
}
[data-theme] .brand-fonts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}
@media (max-width: 900px) {
  [data-theme] .brand-fonts { grid-template-columns: minmax(0, 1fr); }
}

[data-theme] .brand-font {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-2);
  padding: var(--space-6);
}
[data-theme] .brand-font__specimen {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  line-height: 1;
  color: var(--fg);
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
[data-theme] .brand-font__specimen--display  { font-family: var(--font-display); font-weight: 700; }
[data-theme] .brand-font__specimen--body     { font-family: var(--font-body); font-weight: 500; }
[data-theme] .brand-font__specimen--eyebrows { font-family: var(--font-mono); font-weight: 500; font-size: 26px; }

[data-theme] .brand-font__role {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 4px;
}

[data-theme] .brand-font__name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: var(--fg);
  margin: 0 0 4px;
}

[data-theme] .brand-font__note {
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-3);
  margin: 0;
}
[data-theme] .brand-rules {
  list-style: none;
  margin: 0 0 var(--space-10);
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  max-width: 900px;
}
@media (max-width: 768px) {
  [data-theme] .brand-rules { grid-template-columns: minmax(0, 1fr); }
}

[data-theme] .brand-rule {
  font-size: 15px;
  line-height: 1.55;
  color: var(--fg-2);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
}

[data-theme] .brand-outro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  flex-wrap: wrap;
  padding-top: var(--space-8);
  border-top: 1px solid var(--line);
}

[data-theme] .brand-outro__text {
  font-size: 15px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0;
}
[data-theme] .brand-outro__text a { color: var(--accent-text); }
[data-theme] .lu-page {
  background: var(--bg);
  color: var(--fg);
}

[data-theme] .lu-section {
  padding: var(--space-16) 0;
}
@media (max-width: 768px) {
  [data-theme] .lu-section { padding: var(--space-10) 0; }
}
[data-theme] .lu-section--tight { padding-top: 0; }

[data-theme] .lu-section-title {
  margin: 0 0 var(--space-3);
}

[data-theme] .lu-section-lead {
  max-width: 60ch;
  margin: 0 0 var(--space-8);
}

[data-theme] .lu-muted { color: var(--fg-3); }

[data-theme] .lu-inline-link {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: var(--weight-semibold);
}
[data-theme] .lu-inline-link:hover { text-decoration: underline; }
[data-theme] .lu-hero {
  padding: var(--space-20) 0 var(--space-12);
  background:
    radial-gradient(
      120% 80% at 50% 0%,
      color-mix(in srgb, var(--accent) 10%, transparent) 0%,
      transparent 60%
    ),
    var(--bg);
  border-bottom: 1px solid var(--line);
}
@media (max-width: 768px) {
  [data-theme] .lu-hero { padding: var(--space-12) 0 var(--space-8); }
}

[data-theme] .lu-hero-inner { text-align: center; }

[data-theme] .lu-eyebrow { margin: 0 0 var(--space-4); }

[data-theme] .lu-title {
  margin: 0 0 var(--space-5);
}

[data-theme] .lu-lead {
  max-width: 56ch;
  margin: 0 auto;
  color: var(--fg-2);
}
[data-theme] .lu-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-8);
}

[data-theme] .lu-status-copy {
  margin: 0;
  color: var(--fg-2);
}
[data-theme] .lu-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-5);
  align-items: stretch;
}

[data-theme] .lu-plan {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  position: relative;
}
[data-theme] .lu-plan form { margin-top: auto; }

[data-theme] .lu-plan-badge {
  align-self: flex-start;
}

[data-theme] .lu-plan-name {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: var(--weight-semibold);
  color: var(--fg-2);
  margin: 0;
}

[data-theme] .lu-plan-price {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin: 0;
}

[data-theme] .lu-plan-price .grifter {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.02em;
}

[data-theme] .lu-plan-interval {
  font-size: 14px;
  color: var(--fg-3);
}

[data-theme] .lu-plan-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2-5);
  font-size: 14px;
  color: var(--fg-2);
}
[data-theme] .lu-plan-points li {
  position: relative;
  padding-left: var(--space-6);
}
[data-theme] .lu-plan-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--accent);
}

[data-theme] .lu-plan-terms {
  margin: 0;
  color: var(--fg-3);
  text-align: center;
}
[data-theme] .lu-invite {
  max-width: 620px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

[data-theme] .lu-invite-title {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: var(--weight-semibold);
  margin: 0;
}

[data-theme] .lu-invite-form {
  display: flex;
  align-items: flex-end;
  gap: var(--space-3);
  margin-top: var(--space-2);
}

[data-theme] .lu-invite-field {
  flex: 1 1 auto;
  min-width: 0;
}
[data-theme] .lu-invite-input {
  font-family: var(--font-mono);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  width: 100%;
}

[data-theme] .lu-invite-submit { flex: 0 0 auto; }

[data-theme] .lu-invite-applied {
  margin: 0;
  color: var(--accent-text);
  font-weight: var(--weight-medium);
}

@media (max-width: 560px) {
  [data-theme] .lu-invite-form {
    flex-direction: column;
    align-items: stretch;
  }
  [data-theme] .lu-invite-submit { width: 100%; }
}
[data-theme] .lu-how-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--space-4);
}

[data-theme] .lu-how-title {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: var(--weight-semibold);
  margin: 0 0 var(--space-2);
}

[data-theme] .lu-closes {
  display: block;
  margin-top: var(--space-8);
  text-align: center;
}
[data-theme] .lu-closed {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}
html {
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
}
.custom-scrollbar:hover {
  scrollbar-color: rgba(156, 163, 175, 0.3) transparent;
}

.custom-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.3);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.5);
}
.dark .custom-scrollbar:hover {
  scrollbar-color: rgba(75, 85, 99, 0.3) transparent;
}

.dark .custom-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: rgba(75, 85, 99, 0.3);
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(75, 85, 99, 0.5);
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"] {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

textarea::-webkit-scrollbar,
input[type="text"]::-webkit-scrollbar,
input[type="email"]::-webkit-scrollbar,
input[type="password"]::-webkit-scrollbar,
input[type="search"]::-webkit-scrollbar,
input[type="url"]::-webkit-scrollbar,
input[type="tel"]::-webkit-scrollbar,
input[type="number"]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

textarea::-webkit-scrollbar-track,
input[type="text"]::-webkit-scrollbar-track,
input[type="email"]::-webkit-scrollbar-track,
input[type="password"]::-webkit-scrollbar-track,
input[type="search"]::-webkit-scrollbar-track,
input[type="url"]::-webkit-scrollbar-track,
input[type="tel"]::-webkit-scrollbar-track,
input[type="number"]::-webkit-scrollbar-track {
  background: transparent;
}

textarea::-webkit-scrollbar-thumb,
input[type="text"]::-webkit-scrollbar-thumb,
input[type="email"]::-webkit-scrollbar-thumb,
input[type="password"]::-webkit-scrollbar-thumb,
input[type="search"]::-webkit-scrollbar-thumb,
input[type="url"]::-webkit-scrollbar-thumb,
input[type="tel"]::-webkit-scrollbar-thumb,
input[type="number"]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
}
textarea:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover {
  scrollbar-color: rgba(156, 163, 175, 0.3) transparent;
}

textarea:hover::-webkit-scrollbar-thumb,
input[type="text"]:hover::-webkit-scrollbar-thumb,
input[type="email"]:hover::-webkit-scrollbar-thumb,
input[type="password"]:hover::-webkit-scrollbar-thumb,
input[type="search"]:hover::-webkit-scrollbar-thumb,
input[type="url"]:hover::-webkit-scrollbar-thumb,
input[type="tel"]:hover::-webkit-scrollbar-thumb,
input[type="number"]:hover::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.3);
}

textarea::-webkit-scrollbar-thumb:hover,
input[type="text"]::-webkit-scrollbar-thumb:hover,
input[type="email"]::-webkit-scrollbar-thumb:hover,
input[type="password"]::-webkit-scrollbar-thumb:hover,
input[type="search"]::-webkit-scrollbar-thumb:hover,
input[type="url"]::-webkit-scrollbar-thumb:hover,
input[type="tel"]::-webkit-scrollbar-thumb:hover,
input[type="number"]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.5);
}
.dark textarea:hover,
.dark input[type="text"]:hover,
.dark input[type="email"]:hover,
.dark input[type="password"]:hover,
.dark input[type="search"]:hover,
.dark input[type="url"]:hover,
.dark input[type="tel"]:hover,
.dark input[type="number"]:hover {
  scrollbar-color: rgba(75, 85, 99, 0.3) transparent;
}

.dark textarea:hover::-webkit-scrollbar-thumb,
.dark input[type="text"]:hover::-webkit-scrollbar-thumb,
.dark input[type="email"]:hover::-webkit-scrollbar-thumb,
.dark input[type="password"]:hover::-webkit-scrollbar-thumb,
.dark input[type="search"]:hover::-webkit-scrollbar-thumb,
.dark input[type="url"]:hover::-webkit-scrollbar-thumb,
.dark input[type="tel"]:hover::-webkit-scrollbar-thumb,
.dark input[type="number"]:hover::-webkit-scrollbar-thumb {
  background-color: rgba(75, 85, 99, 0.3);
}

.dark textarea::-webkit-scrollbar-thumb:hover,
.dark input[type="text"]::-webkit-scrollbar-thumb:hover,
.dark input[type="email"]::-webkit-scrollbar-thumb:hover,
.dark input[type="password"]::-webkit-scrollbar-thumb:hover,
.dark input[type="search"]::-webkit-scrollbar-thumb:hover,
.dark input[type="url"]::-webkit-scrollbar-thumb:hover,
.dark input[type="tel"]::-webkit-scrollbar-thumb:hover,
.dark input[type="number"]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(75, 85, 99, 0.5);
}

    .\*\:focus-visible > *.select2-selection--single,.\*\:focus-visible > * .select2-selection--multiple {
    }

.dark\:prose-invert:is(.dark *){
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

@media (forced-colors: active){

    .daterangepicker .calendar-table .forced-colors\:active{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1)) !important;
  color: #052e16 !important;
  }
}

.marker\:text-\[var\(--info-fg\)\] *::marker{
  color: var(--info-fg);
}

.marker\:text-\[var\(--info-fg\)\]::marker{
  color: var(--info-fg);
}

.file\:mr-3::file-selector-button{
  margin-right: 0.75rem;
}

.file\:mr-4::file-selector-button{
  margin-right: 1rem;
}

.file\:cursor-pointer::file-selector-button{
  cursor: pointer;
}

.file\:rounded-lg::file-selector-button{
  border-radius: 0.5rem;
}

.file\:rounded-md::file-selector-button{
  border-radius: 0.375rem;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-blue-50::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.file\:bg-gray-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity, 1));
}

.file\:bg-surface-2::file-selector-button{
  background-color: var(--surface-2);
}

.file\:px-4::file-selector-button{
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:text-blue-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.file\:text-gray-700::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(40 40 40 / var(--tw-text-opacity, 1));
}

.file\:text-semantic-primary::file-selector-button{
  color: var(--text-primary);
}

.placeholder\:text-\[var\(--fg-3\)\]::-moz-placeholder{
  color: var(--fg-3);
}

.placeholder\:text-\[var\(--fg-3\)\]::placeholder{
  color: var(--fg-3);
}

.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}

.backdrop\:bg-black\/50::backdrop{
  background-color: rgb(0 0 0 / 0.5);
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:left-\[2px\]::after{
  content: var(--tw-content);
  left: 2px;
}

.after\:top-\[2px\]::after{
  content: var(--tw-content);
  top: 2px;
}

.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}

.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.first\:border-t-0:first-child{
  border-top-width: 0px;
}

.last\:border-0:last-child{
  border-width: 0px;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.last\:border-r-0:last-child{
  border-right-width: 0px;
}

.odd\:bg-white:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.even\:bg-gray-50\/40:nth-child(even){
  background-color: rgb(249 249 249 / 0.4);
}

.empty\:hidden:empty{
  display: none;
}

.focus-within\:border-gray-400:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(138 138 138 / var(--tw-border-opacity, 1));
}

.focus-within\:border-primary-300:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(130 239 148 / var(--tw-border-opacity, 1));
}

.focus-within\:opacity-100:focus-within{
  opacity: 1;
}

.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-primary-300:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(130 239 148 / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-primary-500:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}

.hover\:h-2:hover{
  height: 0.5rem;
}

.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  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-1:hover{
  --tw-translate-y: -0.25rem;
  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\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 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));
}

.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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-b-2:hover{
  border-bottom-width: 2px;
}

.hover\:border-\[var\(--line-2\)\]:hover{
  border-color: var(--line-2);
}

.hover\:border-amber-500\/50:hover{
  border-color: rgb(245 158 11 / 0.5);
}

.hover\:border-blue-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-500\/50:hover{
  border-color: rgb(59 130 246 / 0.5);
}

.hover\:border-cyan-500\/50:hover{
  border-color: rgb(6 182 212 / 0.5);
}

.hover\:border-editor-border:hover{
  border-color: var(--ed-border);
}

.hover\:border-editor-border-subtle:hover{
  border-color: var(--ed-border-subtle);
}

.hover\:border-editor-text-3:hover{
  border-color: var(--ed-text-tertiary);
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(138 138 138 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 105 51 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(130 239 148 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(107 236 129 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-500\/30:hover{
  border-color: rgb(69 231 96 / 0.3);
}

.hover\:border-primary-500\/50:hover{
  border-color: rgb(69 231 96 / 0.5);
}

.hover\:border-primary-500\/60:hover{
  border-color: rgb(69 231 96 / 0.6);
}

.hover\:bg-\[\#006399\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 99 153 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#0F172A\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#1a8cd8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 140 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#365899\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(54 88 153 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#374151\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#8CE747\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(140 231 71 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#E8EBED\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 237 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[var\(--bg-2\)\]:hover{
  background-color: var(--bg-2);
}

.hover\:bg-\[var\(--bg-3\)\]:hover{
  background-color: var(--bg-3);
}

.hover\:bg-\[var\(--hover-bg\)\]:hover{
  background-color: var(--hover-bg);
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-500\/20:hover{
  background-color: rgb(245 158 11 / 0.2);
}

.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/5:hover{
  background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-black\/80:hover{
  background-color: rgb(0 0 0 / 0.8);
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-500\/20:hover{
  background-color: rgb(59 130 246 / 0.2);
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-600\/30:hover{
  background-color: rgb(37 99 235 / 0.3);
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-cyan-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}

.hover\:bg-editor-accent-blue:hover{
  background-color: var(--ed-accent-blue);
}

.hover\:bg-editor-accent-green:hover{
  background-color: var(--ed-accent-green);
}

.hover\:bg-editor-surface-2:hover{
  background-color: var(--ed-surface-2);
}

.hover\:bg-editor-surface-3:hover{
  background-color: var(--ed-surface-3);
}

.hover\:bg-editor-surface-hover:hover{
  background-color: var(--ed-surface-hover);
}

.hover\:bg-emerald-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(210 210 210 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(184 184 184 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(138 138 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50\/100:hover{
  background-color: rgb(249 249 249 / 1);
}

.hover\:bg-gray-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-600\/30:hover{
  background-color: rgb(63 63 63 / 0.3);
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-800\/50:hover{
  background-color: rgb(40 40 40 / 0.5);
}

.hover\:bg-gray-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600\/30:hover{
  background-color: rgb(22 163 74 / 0.3);
}

.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 197 176 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 169 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(202 62 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(158 48 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-pink-500\/20:hover{
  background-color: rgb(236 72 153 / 0.2);
}

.hover\:bg-primary-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(198 248 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(107 236 129 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-50\/40:hover{
  background-color: rgb(236 254 239 / 0.4);
}

.hover\:bg-primary-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-500\/10:hover{
  background-color: rgb(69 231 96 / 0.1);
}

.hover\:bg-primary-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(48 164 68 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-600\/30:hover{
  background-color: rgb(147 51 234 / 0.3);
}

.hover\:bg-purple-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 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 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-600\/30:hover{
  background-color: rgb(220 38 38 / 0.3);
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/30:hover{
  background-color: rgb(255 255 255 / 0.3);
}

.hover\:bg-white\/50:hover{
  background-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-white\/\[0\.02\]:hover{
  background-color: rgb(255 255 255 / 0.02);
}

.hover\:bg-yellow-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-600\/30:hover{
  background-color: rgb(202 138 4 / 0.3);
}

.hover\:bg-yellow-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}

.hover\:from-blue-700:hover{
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-400:hover{
  --tw-gradient-from: #e56933 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 105 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-100:hover{
  --tw-gradient-from: #c6f8ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 248 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-400:hover{
  --tw-gradient-from: #6bec81 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 236 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-600:hover{
  --tw-gradient-from: #40d258 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 210 88 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-700:hover{
  --tw-gradient-from: #30a444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(48 164 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-700:hover{
  --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-600:hover{
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-blue-700:hover{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}

.hover\:to-cyan-700:hover{
  --tw-gradient-to: #0e7490 var(--tw-gradient-to-position);
}

.hover\:to-indigo-700:hover{
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}

.hover\:to-pink-400:hover{
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}

.hover\:to-primary-200:hover{
  --tw-gradient-to: #aaf4b6 var(--tw-gradient-to-position);
}

.hover\:to-primary-400:hover{
  --tw-gradient-to: #6bec81 var(--tw-gradient-to-position);
}

.hover\:to-primary-500:hover{
  --tw-gradient-to: #45e760 var(--tw-gradient-to-position);
}

.hover\:to-primary-700:hover{
  --tw-gradient-to: #30a444 var(--tw-gradient-to-position);
}

.hover\:to-primary-800:hover{
  --tw-gradient-to: #277f35 var(--tw-gradient-to-position);
}

.hover\:to-red-400:hover{
  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
}

.hover\:to-yellow-700:hover{
  --tw-gradient-to: #a16207 var(--tw-gradient-to-position);
}

.hover\:text-\[\#001121\]:hover{
  --tw-text-opacity: 1;
  color: rgb(0 17 33 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#33404D\]:hover{
  --tw-text-opacity: 1;
  color: rgb(51 64 77 / var(--tw-text-opacity, 1));
}

.hover\:text-\[var\(--accent-fg\)\]:hover{
  color: var(--accent-fg);
}

.hover\:text-\[var\(--accent-fg\2c \#0a0e0a\)\]:hover{
  color: var(--accent-fg,#0a0e0a);
}

.hover\:text-\[var\(--danger-fg\)\]:hover{
  color: var(--danger-fg);
}

.hover\:text-\[var\(--fg\)\]:hover{
  color: var(--fg);
}

.hover\:text-\[var\(--fg-2\)\]:hover{
  color: var(--fg-2);
}

.hover\:text-amber-600:hover{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-800:hover{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.hover\:text-amber-900:hover{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-300:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-900:hover{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.hover\:text-editor-text-1:hover{
  color: var(--ed-text-primary);
}

.hover\:text-editor-text-2:hover{
  color: var(--ed-text-secondary);
}

.hover\:text-editor-text-3:hover{
  color: var(--ed-text-tertiary);
}

.hover\:text-emerald-200:hover{
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.hover\:text-emerald-900:hover{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-200:hover{
  --tw-text-opacity: 1;
  color: rgb(210 210 210 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(94 94 94 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(40 40 40 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(40 40 40 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-green-200:hover{
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.hover\:text-green-600:hover{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.hover\:text-green-700:hover{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.hover\:text-green-800:hover{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.hover\:text-green-900:hover{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-800:hover{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-700:hover{
  --tw-text-opacity: 1;
  color: rgb(158 48 0 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-800:hover{
  --tw-text-opacity: 1;
  color: rgb(122 37 0 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-300:hover{
  --tw-text-opacity: 1;
  color: rgb(130 239 148 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-400:hover{
  --tw-text-opacity: 1;
  color: rgb(107 236 129 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-500:hover{
  --tw-text-opacity: 1;
  color: rgb(69 231 96 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-600:hover{
  --tw-text-opacity: 1;
  color: rgb(64 210 88 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-700:hover{
  --tw-text-opacity: 1;
  color: rgb(48 164 68 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-800:hover{
  --tw-text-opacity: 1;
  color: rgb(39 127 53 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-900:hover{
  --tw-text-opacity: 1;
  color: rgb(30 97 40 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-300:hover{
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-700:hover{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-800:hover{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-900:hover{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}

.hover\:text-red-200:hover{
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.hover\:text-red-300:hover{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-red-800:hover{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.hover\:text-red-900:hover{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.hover\:text-semantic-primary:hover{
  color: var(--text-primary);
}

.hover\:text-semantic-secondary:hover{
  color: var(--text-secondary);
}

.hover\:text-slate-300:hover{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-400:hover{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-600:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-600:hover{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-700:hover{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-800:hover{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-900:hover{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-40:hover{
  opacity: 0.4;
}

.hover\:opacity-70:hover{
  opacity: 0.7;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover{
  --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: 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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-primary-500\/30:hover{
  --tw-shadow-color: rgb(69 231 96 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-primary-500\/40:hover{
  --tw-shadow-color: rgb(69 231 96 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-red-500\/30:hover{
  --tw-shadow-color: rgb(239 68 68 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:file\:bg-blue-100::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:file\:bg-gray-200::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(210 210 210 / var(--tw-bg-opacity, 1));
}

.hover\:file\:bg-surface-3::file-selector-button:hover{
  background-color: var(--surface-3);
}

.focus\:border-\[var\(--accent\)\]:focus{
  border-color: var(--accent);
}

.focus\:border-amber-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:border-editor-accent-green:focus{
  border-color: var(--ed-accent-green);
}

.focus\:border-emerald-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.focus\:border-green-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}

.focus\:border-indigo-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(130 239 148 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(107 236 129 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:border-yellow-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:underline:focus{
  text-decoration-line: underline;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-offset-0:focus{
  outline-offset: 0px;
}

.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), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  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), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus{
  --tw-ring-inset: inset;
}

.focus\:ring-\[var\(--accent\)\]:focus{
  --tw-ring-color: var(--accent);
}

.focus\:ring-amber-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / 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-editor-accent-green:focus{
  --tw-ring-color: var(--ed-accent-green);
}

.focus\:ring-emerald-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(222 68 0 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(170 244 182 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(130 239 148 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 236 129 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-500\/20:focus{
  --tw-ring-color: rgb(69 231 96 / 0.2);
}

.focus\:ring-purple-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus\:ring-white:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-white\/60:focus{
  --tw-ring-color: rgb(255 255 255 / 0.6);
}

.focus\:ring-yellow-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}

.focus\:ring-opacity-50:focus{
  --tw-ring-opacity: 0.5;
}

.focus\:ring-offset-1:focus{
  --tw-ring-offset-width: 1px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-gray-800:focus{
  --tw-ring-offset-color: #282828;
}

.focus\:ring-offset-gray-900:focus{
  --tw-ring-offset-color: #1c1c1c;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible{
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}

.focus-visible\:outline-primary-600:focus-visible{
  outline-color: #40d258;
}

.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), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible{
  --tw-ring-inset: inset;
}

.focus-visible\:ring-\[\#45E760\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-amber-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-blue-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-editor-accent-green:focus-visible{
  --tw-ring-color: var(--ed-accent-green);
}

.focus-visible\:ring-emerald-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-gray-900:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(28 28 28 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-green-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-indigo-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-primary-300:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(130 239 148 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-primary-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-purple-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-red-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-white:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-\[var\(--bg-2\)\]:focus-visible{
  --tw-ring-offset-color: var(--bg-2);
}

.focus-visible\:ring-offset-gray-900:focus-visible{
  --tw-ring-offset-color: #1c1c1c;
}

.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\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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\:border-primary-300:active{
  --tw-border-opacity: 1;
  border-color: rgb(130 239 148 / var(--tw-border-opacity, 1));
}

.active\:bg-gray-50:active{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.active\:bg-primary-800:active{
  --tw-bg-opacity: 1;
  background-color: rgb(39 127 53 / var(--tw-bg-opacity, 1));
}

.active\:shadow-md:active{
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.disabled\:cursor-default:disabled{
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:bg-primary-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(107 236 129 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-slate-200:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.disabled\:opacity-45:disabled{
  opacity: 0.45;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.group[open] .group-open\:rotate-180{
  --tw-rotate: 180deg;
  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[open] .group-open\: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));
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:flex{
  display: flex;
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  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\:translate-x-1{
  --tw-translate-x: 0.25rem;
  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\: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));
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 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));
}

.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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\:border-editor-accent-green{
  border-color: var(--ed-accent-green);
}

.group:hover .group-hover\:border-primary-400{
  --tw-border-opacity: 1;
  border-color: rgb(107 236 129 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-400{
  --tw-border-opacity: 1;
  border-color: rgb(146 91 217 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.group:hover .group-hover\:bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(198 248 206 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-200{
  --tw-bg-opacity: 1;
  background-color: rgb(170 244 182 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 239 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-500\/20{
  background-color: rgb(69 231 96 / 0.2);
}

.group:hover .group-hover\:text-\[var\(--fg\)\]{
  color: var(--fg);
}

.group:hover .group-hover\:text-\[var\(--fg-2\)\]{
  color: var(--fg-2);
}

.group:hover .group-hover\:text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-300{
  --tw-text-opacity: 1;
  color: rgb(130 239 148 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-400{
  --tw-text-opacity: 1;
  color: rgb(107 236 129 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(69 231 96 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(64 210 88 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(48 164 68 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-800{
  --tw-text-opacity: 1;
  color: rgb(39 127 53 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:underline{
  text-decoration-line: underline;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\: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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:ring-primary-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 236 129 / var(--tw-ring-opacity, 1));
}
  @media (prefers-color-scheme: dark) {

      .group:hover .group-hover\:visibletrix-toolbar{
    opacity: 1 !important;
  }
[data-theme] .pb-backdrop:not(.group:hover .group-hover\:visibletrix-toolbar) { opacity: 0 !important; }
[data-theme] .pb-backdrop.group:hover .group-hover\:visibletrix-toolbar { opacity: 1 !important; }
  }

.group:focus-visible .group-focus-visible\:opacity-100{
  opacity: 1;
}

.peer:checked ~ .peer-checked\:translate-x-4{
  --tw-translate-x: 1rem;
  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));
}

.peer:checked ~ .peer-checked\:border-transparent{
  border-color: transparent;
}

.peer:checked ~ .peer-checked\:bg-editor-accent-green{
  background-color: var(--ed-accent-green);
}

.peer:checked ~ .peer-checked\:bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.peer:focus ~ .peer-focus\:outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.peer:focus ~ .peer-focus\:ring-4{
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-primary-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(130 239 148 / var(--tw-ring-opacity, 1));
}

.peer:focus ~ .peer-focus\:ring-primary-500\/30{
  --tw-ring-color: rgb(69 231 96 / 0.3);
}

.peer:focus-visible ~ .peer-focus-visible\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.group[data-scroll-fade-state="end"] .group-data-\[scroll-fade-state\=end\]\:opacity-100{
  opacity: 1;
}

.group[data-scroll-fade-state="middle"] .group-data-\[scroll-fade-state\=middle\]\:opacity-100{
  opacity: 1;
}

.group[data-scroll-fade-state="start"] .group-data-\[scroll-fade-state\=start\]\:opacity-100{
  opacity: 1;
}

.dark\:divide-amber-800\/30:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(146 64 14 / 0.3);
}

.dark\:divide-gray-600:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-divide-opacity, 1));
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-divide-opacity, 1));
}

.dark\:divide-gray-700\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(40 40 40 / 0.5);
}

.dark\:divide-gray-700\/60:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(40 40 40 / 0.6);
}

.dark\:divide-red-800:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-divide-opacity, 1));
}

.dark\:divide-red-900\/30:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(127 29 29 / 0.3);
}

.dark\:divide-yellow-800:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-divide-opacity, 1));
}

.dark\:divide-yellow-900\/30:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(113 63 18 / 0.3);
}

.dark\:border:is(.dark *){
  border-width: 1px;
}

.dark\:border-\[color-mix\(in_srgb\2c \#f5c245_30\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,#f5c245 30%,var(--line));
}

.dark\:border-\[color-mix\(in_srgb\2c var\(--accent\)_30\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--accent) 30%,var(--line));
}

.dark\:border-\[color-mix\(in_srgb\2c var\(--danger-fg\)_30\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--danger-fg) 30%,var(--line));
}

.dark\:border-\[color-mix\(in_srgb\2c var\(--info-fg\)_30\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--info-fg) 30%,var(--line));
}

.dark\:border-\[color-mix\(in_srgb\2c var\(--info-fg\)_32\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--info-fg) 32%,var(--line));
}

.dark\:border-\[color-mix\(in_srgb\2c var\(--info-fg\)_35\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--info-fg) 35%,var(--line));
}

.dark\:border-\[color-mix\(in_srgb\2c var\(--warning-fg\)_30\%\2c var\(--line\)\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--warning-fg) 30%,var(--line));
}

.dark\:border-\[var\(--line\)\]:is(.dark *){
  border-color: var(--line);
}

.dark\:border-amber-500\/60:is(.dark *){
  border-color: rgb(245 158 11 / 0.6);
}

.dark\:border-amber-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-700\/60:is(.dark *){
  border-color: rgb(180 83 9 / 0.6);
}

.dark\:border-amber-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-800\/40:is(.dark *){
  border-color: rgb(146 64 14 / 0.4);
}

.dark\:border-amber-800\/60:is(.dark *){
  border-color: rgb(146 64 14 / 0.6);
}

.dark\:border-amber-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / var(--tw-border-opacity, 1));
}

.dark\:border-amber-900\/40:is(.dark *){
  border-color: rgb(120 53 15 / 0.4);
}

.dark\:border-blue-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-700\/40:is(.dark *){
  border-color: rgb(29 78 216 / 0.4);
}

.dark\:border-blue-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-800\/40:is(.dark *){
  border-color: rgb(30 64 175 / 0.4);
}

.dark\:border-blue-800\/50:is(.dark *){
  border-color: rgb(30 64 175 / 0.5);
}

.dark\:border-blue-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}

.dark\:border-editor-border:is(.dark *){
  border-color: var(--ed-border);
}

.dark\:border-editor-border-subtle:is(.dark *){
  border-color: var(--ed-border-subtle);
}

.dark\:border-emerald-500\/40:is(.dark *){
  border-color: rgb(16 185 129 / 0.4);
}

.dark\:border-emerald-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
}

.dark\:border-emerald-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
}

.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
}

.dark\:border-gray-600\/50:is(.dark *){
  border-color: rgb(63 63 63 / 0.5);
}

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-border-opacity, 1));
}

.dark\:border-gray-700\/50:is(.dark *){
  border-color: rgb(40 40 40 / 0.5);
}

.dark\:border-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(40 40 40 / var(--tw-border-opacity, 1));
}

.dark\:border-green-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}

.dark\:border-green-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}

.dark\:border-green-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.dark\:border-green-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.dark\:border-green-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.dark\:border-green-800\/50:is(.dark *){
  border-color: rgb(22 101 52 / 0.5);
}

.dark\:border-green-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
}

.dark\:border-green-900\/40:is(.dark *){
  border-color: rgb(20 83 45 / 0.4);
}

.dark\:border-green-900\/50:is(.dark *){
  border-color: rgb(20 83 45 / 0.5);
}

.dark\:border-indigo-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}

.dark\:border-indigo-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}

.dark\:border-orange-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(158 48 0 / var(--tw-border-opacity, 1));
}

.dark\:border-orange-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(122 37 0 / var(--tw-border-opacity, 1));
}

.dark\:border-orange-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(93 29 0 / var(--tw-border-opacity, 1));
}

.dark\:border-primary-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 236 129 / var(--tw-border-opacity, 1));
}

.dark\:border-primary-500\/60:is(.dark *){
  border-color: rgb(69 231 96 / 0.6);
}

.dark\:border-primary-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(64 210 88 / var(--tw-border-opacity, 1));
}

.dark\:border-primary-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(48 164 68 / var(--tw-border-opacity, 1));
}

.dark\:border-primary-700\/60:is(.dark *){
  border-color: rgb(48 164 68 / 0.6);
}

.dark\:border-primary-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(39 127 53 / var(--tw-border-opacity, 1));
}

.dark\:border-purple-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}

.dark\:border-purple-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}

.dark\:border-purple-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}

.dark\:border-purple-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(88 28 135 / var(--tw-border-opacity, 1));
}

.dark\:border-red-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.dark\:border-red-500\/40:is(.dark *){
  border-color: rgb(239 68 68 / 0.4);
}

.dark\:border-red-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

.dark\:border-red-700\/50:is(.dark *){
  border-color: rgb(185 28 28 / 0.5);
}

.dark\:border-red-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.dark\:border-red-800\/60:is(.dark *){
  border-color: rgb(153 27 27 / 0.6);
}

.dark\:border-red-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.dark\:border-red-900\/50:is(.dark *){
  border-color: rgb(127 29 29 / 0.5);
}

.dark\:border-rose-500\/30:is(.dark *){
  border-color: rgb(244 63 94 / 0.3);
}

.dark\:border-rose-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(190 18 60 / var(--tw-border-opacity, 1));
}

.dark\:border-secondary-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(108 46 188 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.dark\:border-yellow-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}

.dark\:border-yellow-700\/50:is(.dark *){
  border-color: rgb(161 98 7 / 0.5);
}

.dark\:border-yellow-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

.dark\:border-yellow-800\/30:is(.dark *){
  border-color: rgb(133 77 14 / 0.3);
}

.dark\:border-yellow-800\/40:is(.dark *){
  border-color: rgb(133 77 14 / 0.4);
}

.dark\:border-yellow-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-border-opacity, 1));
}

.dark\:bg-\[\#15171A\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(21 23 26 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[color-mix\(in_srgb\2c var\(--accent\)_10\%\2c var\(--bg-2\)\)\]:is(.dark *){
  background-color: color-mix(in srgb,var(--accent) 10%,var(--bg-2));
}

.dark\:bg-\[color-mix\(in_srgb\2c var\(--danger-fg\)_14\%\2c var\(--bg-2\)\)\]:is(.dark *){
  background-color: color-mix(in srgb,var(--danger-fg) 14%,var(--bg-2));
}

.dark\:bg-\[color-mix\(in_srgb\2c var\(--info-fg\)_14\%\2c var\(--bg\)\)\]:is(.dark *){
  background-color: color-mix(in srgb,var(--info-fg) 14%,var(--bg));
}

.dark\:bg-\[color-mix\(in_srgb\2c var\(--info-fg\)_20\%\2c var\(--bg-2\)\)\]:is(.dark *){
  background-color: color-mix(in srgb,var(--info-fg) 20%,var(--bg-2));
}

.dark\:bg-\[var\(--bg\)\]:is(.dark *){
  background-color: var(--bg);
}

.dark\:bg-\[var\(--bg-1\)\]:is(.dark *){
  background-color: var(--bg-1);
}

.dark\:bg-\[var\(--bg-2\)\]:is(.dark *){
  background-color: var(--bg-2);
}

.dark\:bg-\[var\(--bg-3\)\]:is(.dark *){
  background-color: var(--bg-3);
}

.dark\:bg-amber-500\/10:is(.dark *){
  background-color: rgb(245 158 11 / 0.1);
}

.dark\:bg-amber-500\/15:is(.dark *){
  background-color: rgb(245 158 11 / 0.15);
}

.dark\:bg-amber-500\/20:is(.dark *){
  background-color: rgb(245 158 11 / 0.2);
}

.dark\:bg-amber-500\/70:is(.dark *){
  background-color: rgb(245 158 11 / 0.7);
}

.dark\:bg-amber-800\/40:is(.dark *){
  background-color: rgb(146 64 14 / 0.4);
}

.dark\:bg-amber-800\/50:is(.dark *){
  background-color: rgb(146 64 14 / 0.5);
}

.dark\:bg-amber-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}

.dark\:bg-amber-900\/10:is(.dark *){
  background-color: rgb(120 53 15 / 0.1);
}

.dark\:bg-amber-900\/15:is(.dark *){
  background-color: rgb(120 53 15 / 0.15);
}

.dark\:bg-amber-900\/20:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}

.dark\:bg-amber-900\/30:is(.dark *){
  background-color: rgb(120 53 15 / 0.3);
}

.dark\:bg-amber-900\/40:is(.dark *){
  background-color: rgb(120 53 15 / 0.4);
}

.dark\:bg-amber-950\/20:is(.dark *){
  background-color: rgb(69 26 3 / 0.2);
}

.dark\:bg-amber-950\/30:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}

.dark\:bg-amber-950\/40:is(.dark *){
  background-color: rgb(69 26 3 / 0.4);
}

.dark\:bg-black:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-400:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-400\/10:is(.dark *){
  background-color: rgb(96 165 250 / 0.1);
}

.dark\:bg-blue-500\/15:is(.dark *){
  background-color: rgb(59 130 246 / 0.15);
}

.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-900\/10:is(.dark *){
  background-color: rgb(30 58 138 / 0.1);
}

.dark\:bg-blue-900\/20:is(.dark *){
  background-color: rgb(30 58 138 / 0.2);
}

.dark\:bg-blue-900\/30:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:bg-blue-900\/40:is(.dark *){
  background-color: rgb(30 58 138 / 0.4);
}

.dark\:bg-blue-900\/50:is(.dark *){
  background-color: rgb(30 58 138 / 0.5);
}

.dark\:bg-cyan-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1));
}

.dark\:bg-cyan-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1));
}

.dark\:bg-cyan-900\/30:is(.dark *){
  background-color: rgb(22 78 99 / 0.3);
}

.dark\:bg-cyan-900\/40:is(.dark *){
  background-color: rgb(22 78 99 / 0.4);
}

.dark\:bg-cyan-900\/50:is(.dark *){
  background-color: rgb(22 78 99 / 0.5);
}

.dark\:bg-editor-canvas:is(.dark *){
  background-color: var(--ed-canvas);
}

.dark\:bg-editor-surface-1:is(.dark *){
  background-color: var(--ed-surface-1);
}

.dark\:bg-editor-surface-2:is(.dark *){
  background-color: var(--ed-surface-2);
}

.dark\:bg-editor-surface-3:is(.dark *){
  background-color: var(--ed-surface-3);
}

.dark\:bg-editor-surface-hover:is(.dark *){
  background-color: var(--ed-surface-hover);
}

.dark\:bg-emerald-400\/10:is(.dark *){
  background-color: rgb(52 211 153 / 0.1);
}

.dark\:bg-emerald-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.dark\:bg-emerald-500\/15:is(.dark *){
  background-color: rgb(16 185 129 / 0.15);
}

.dark\:bg-emerald-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-emerald-900\/20:is(.dark *){
  background-color: rgb(6 78 59 / 0.2);
}

.dark\:bg-emerald-900\/40:is(.dark *){
  background-color: rgb(6 78 59 / 0.4);
}

.dark\:bg-emerald-900\/50:is(.dark *){
  background-color: rgb(6 78 59 / 0.5);
}

.dark\:bg-gray-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-700\/30:is(.dark *){
  background-color: rgb(40 40 40 / 0.3);
}

.dark\:bg-gray-700\/40:is(.dark *){
  background-color: rgb(40 40 40 / 0.4);
}

.dark\:bg-gray-700\/50:is(.dark *){
  background-color: rgb(40 40 40 / 0.5);
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-800\/50:is(.dark *){
  background-color: rgb(40 40 40 / 0.5);
}

.dark\:bg-gray-800\/60:is(.dark *){
  background-color: rgb(40 40 40 / 0.6);
}

.dark\:bg-gray-800\/80:is(.dark *){
  background-color: rgb(40 40 40 / 0.8);
}

.dark\:bg-gray-800\/95:is(.dark *){
  background-color: rgb(40 40 40 / 0.95);
}

.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-900\/20:is(.dark *){
  background-color: rgb(28 28 28 / 0.2);
}

.dark\:bg-gray-900\/30:is(.dark *){
  background-color: rgb(28 28 28 / 0.3);
}

.dark\:bg-gray-900\/40:is(.dark *){
  background-color: rgb(28 28 28 / 0.4);
}

.dark\:bg-gray-900\/50:is(.dark *){
  background-color: rgb(28 28 28 / 0.5);
}

.dark\:bg-gray-900\/80:is(.dark *){
  background-color: rgb(28 28 28 / 0.8);
}

.dark\:bg-gray-900\/90:is(.dark *){
  background-color: rgb(28 28 28 / 0.9);
}

.dark\:bg-green-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-900\/10:is(.dark *){
  background-color: rgb(20 83 45 / 0.1);
}

.dark\:bg-green-900\/15:is(.dark *){
  background-color: rgb(20 83 45 / 0.15);
}

.dark\:bg-green-900\/20:is(.dark *){
  background-color: rgb(20 83 45 / 0.2);
}

.dark\:bg-green-900\/30:is(.dark *){
  background-color: rgb(20 83 45 / 0.3);
}

.dark\:bg-green-900\/40:is(.dark *){
  background-color: rgb(20 83 45 / 0.4);
}

.dark\:bg-green-900\/50:is(.dark *){
  background-color: rgb(20 83 45 / 0.5);
}

.dark\:bg-green-950\/40:is(.dark *){
  background-color: rgb(5 46 22 / 0.4);
}

.dark\:bg-indigo-500\/15:is(.dark *){
  background-color: rgb(99 102 241 / 0.15);
}

.dark\:bg-indigo-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 48 163 / var(--tw-bg-opacity, 1));
}

.dark\:bg-indigo-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
}

.dark\:bg-indigo-900\/20:is(.dark *){
  background-color: rgb(49 46 129 / 0.2);
}

.dark\:bg-indigo-900\/30:is(.dark *){
  background-color: rgb(49 46 129 / 0.3);
}

.dark\:bg-indigo-900\/40:is(.dark *){
  background-color: rgb(49 46 129 / 0.4);
}

.dark\:bg-indigo-900\/50:is(.dark *){
  background-color: rgb(49 46 129 / 0.5);
}

.dark\:bg-orange-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(122 37 0 / var(--tw-bg-opacity, 1));
}

.dark\:bg-orange-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(93 29 0 / var(--tw-bg-opacity, 1));
}

.dark\:bg-orange-900\/20:is(.dark *){
  background-color: rgb(93 29 0 / 0.2);
}

.dark\:bg-orange-900\/30:is(.dark *){
  background-color: rgb(93 29 0 / 0.3);
}

.dark\:bg-orange-900\/40:is(.dark *){
  background-color: rgb(93 29 0 / 0.4);
}

.dark\:bg-orange-900\/50:is(.dark *){
  background-color: rgb(93 29 0 / 0.5);
}

.dark\:bg-pink-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(157 23 77 / var(--tw-bg-opacity, 1));
}

.dark\:bg-pink-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(131 24 67 / var(--tw-bg-opacity, 1));
}

.dark\:bg-pink-900\/20:is(.dark *){
  background-color: rgb(131 24 67 / 0.2);
}

.dark\:bg-pink-900\/30:is(.dark *){
  background-color: rgb(131 24 67 / 0.3);
}

.dark\:bg-primary-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-500\/10:is(.dark *){
  background-color: rgb(69 231 96 / 0.1);
}

.dark\:bg-primary-500\/15:is(.dark *){
  background-color: rgb(69 231 96 / 0.15);
}

.dark\:bg-primary-500\/20:is(.dark *){
  background-color: rgb(69 231 96 / 0.2);
}

.dark\:bg-primary-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 164 68 / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-700\/30:is(.dark *){
  background-color: rgb(48 164 68 / 0.3);
}

.dark\:bg-primary-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(39 127 53 / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-800\/30:is(.dark *){
  background-color: rgb(39 127 53 / 0.3);
}

.dark\:bg-primary-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 97 40 / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-900\/15:is(.dark *){
  background-color: rgb(30 97 40 / 0.15);
}

.dark\:bg-primary-900\/20:is(.dark *){
  background-color: rgb(30 97 40 / 0.2);
}

.dark\:bg-primary-900\/30:is(.dark *){
  background-color: rgb(30 97 40 / 0.3);
}

.dark\:bg-primary-900\/40:is(.dark *){
  background-color: rgb(30 97 40 / 0.4);
}

.dark\:bg-primary-900\/50:is(.dark *){
  background-color: rgb(30 97 40 / 0.5);
}

.dark\:bg-primary-900\/90:is(.dark *){
  background-color: rgb(30 97 40 / 0.9);
}

.dark\:bg-purple-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}

.dark\:bg-purple-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

.dark\:bg-purple-900\/10:is(.dark *){
  background-color: rgb(88 28 135 / 0.1);
}

.dark\:bg-purple-900\/20:is(.dark *){
  background-color: rgb(88 28 135 / 0.2);
}

.dark\:bg-purple-900\/30:is(.dark *){
  background-color: rgb(88 28 135 / 0.3);
}

.dark\:bg-purple-900\/40:is(.dark *){
  background-color: rgb(88 28 135 / 0.4);
}

.dark\:bg-purple-900\/50:is(.dark *){
  background-color: rgb(88 28 135 / 0.5);
}

.dark\:bg-red-500\/10:is(.dark *){
  background-color: rgb(239 68 68 / 0.1);
}

.dark\:bg-red-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-900\/10:is(.dark *){
  background-color: rgb(127 29 29 / 0.1);
}

.dark\:bg-red-900\/20:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:bg-red-900\/30:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}

.dark\:bg-red-900\/40:is(.dark *){
  background-color: rgb(127 29 29 / 0.4);
}

.dark\:bg-red-900\/50:is(.dark *){
  background-color: rgb(127 29 29 / 0.5);
}

.dark\:bg-red-950\/20:is(.dark *){
  background-color: rgb(69 10 10 / 0.2);
}

.dark\:bg-red-950\/30:is(.dark *){
  background-color: rgb(69 10 10 / 0.3);
}

.dark\:bg-rose-500\/10:is(.dark *){
  background-color: rgb(244 63 94 / 0.1);
}

.dark\:bg-rose-500\/15:is(.dark *){
  background-color: rgb(244 63 94 / 0.15);
}

.dark\:bg-rose-500\/20:is(.dark *){
  background-color: rgb(244 63 94 / 0.2);
}

.dark\:bg-rose-900\/20:is(.dark *){
  background-color: rgb(136 19 55 / 0.2);
}

.dark\:bg-rose-900\/40:is(.dark *){
  background-color: rgb(136 19 55 / 0.4);
}

.dark\:bg-rose-900\/50:is(.dark *){
  background-color: rgb(136 19 55 / 0.5);
}

.dark\:bg-secondary-900\/30:is(.dark *){
  background-color: rgb(50 21 87 / 0.3);
}

.dark\:bg-slate-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-700\/50:is(.dark *){
  background-color: rgb(51 65 85 / 0.5);
}

.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-teal-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity, 1));
}

.dark\:bg-teal-800\/50:is(.dark *){
  background-color: rgb(17 94 89 / 0.5);
}

.dark\:bg-teal-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(19 78 74 / var(--tw-bg-opacity, 1));
}

.dark\:bg-teal-900\/20:is(.dark *){
  background-color: rgb(19 78 74 / 0.2);
}

.dark\:bg-teal-900\/30:is(.dark *){
  background-color: rgb(19 78 74 / 0.3);
}

.dark\:bg-violet-900\/50:is(.dark *){
  background-color: rgb(76 29 149 / 0.5);
}

.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dark\:bg-white\/10:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:bg-yellow-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}

.dark\:bg-yellow-800\/50:is(.dark *){
  background-color: rgb(133 77 14 / 0.5);
}

.dark\:bg-yellow-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.dark\:bg-yellow-900\/10:is(.dark *){
  background-color: rgb(113 63 18 / 0.1);
}

.dark\:bg-yellow-900\/20:is(.dark *){
  background-color: rgb(113 63 18 / 0.2);
}

.dark\:bg-yellow-900\/30:is(.dark *){
  background-color: rgb(113 63 18 / 0.3);
}

.dark\:bg-yellow-900\/40:is(.dark *){
  background-color: rgb(113 63 18 / 0.4);
}

.dark\:bg-yellow-900\/50:is(.dark *){
  background-color: rgb(113 63 18 / 0.5);
}

.dark\:bg-opacity-80:is(.dark *){
  --tw-bg-opacity: 0.8;
}

.dark\:from-\[var\(--bg-2\)\]:is(.dark *){
  --tw-gradient-from: var(--bg-2) 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);
}

.dark\:from-blue-400:is(.dark *){
  --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);
}

.dark\:from-blue-900\/20:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.2) 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);
}

.dark\:from-blue-900\/30:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.3) 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);
}

.dark\:from-emerald-500\/10:is(.dark *){
  --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-emerald-900\/20:is(.dark *){
  --tw-gradient-from: rgb(6 78 59 / 0.2) 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);
}

.dark\:from-gray-700:is(.dark *){
  --tw-gradient-from: #282828 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(40 40 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-gray-800:is(.dark *){
  --tw-gradient-from: #282828 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(40 40 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-gray-800\/50:is(.dark *){
  --tw-gradient-from: rgb(40 40 40 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(40 40 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-gray-900:is(.dark *){
  --tw-gradient-from: #1c1c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(28 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-green-900\/20:is(.dark *){
  --tw-gradient-from: rgb(20 83 45 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-orange-900\/20:is(.dark *){
  --tw-gradient-from: rgb(93 29 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(93 29 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-primary-400:is(.dark *){
  --tw-gradient-from: #6bec81 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 236 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-primary-900\/20:is(.dark *){
  --tw-gradient-from: rgb(30 97 40 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-primary-900\/30:is(.dark *){
  --tw-gradient-from: rgb(30 97 40 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-primary-900\/40:is(.dark *){
  --tw-gradient-from: rgb(30 97 40 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-purple-900\/20:is(.dark *){
  --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-yellow-900\/30:is(.dark *){
  --tw-gradient-from: rgb(113 63 18 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:via-gray-800:is(.dark *){
  --tw-gradient-to: rgb(40 40 40 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #282828 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:via-gray-900:is(.dark *){
  --tw-gradient-to: rgb(28 28 28 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1c1c1c var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:via-primary-800\/30:is(.dark *){
  --tw-gradient-to: rgb(39 127 53 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(39 127 53 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:to-\[var\(--bg-2\)\]:is(.dark *){
  --tw-gradient-to: var(--bg-2) var(--tw-gradient-to-position);
}

.dark\:to-amber-900\/30:is(.dark *){
  --tw-gradient-to: rgb(120 53 15 / 0.3) var(--tw-gradient-to-position);
}

.dark\:to-blue-500:is(.dark *){
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}

.dark\:to-blue-900\/20:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-blue-900\/30:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0.3) var(--tw-gradient-to-position);
}

.dark\:to-cyan-900\/20:is(.dark *){
  --tw-gradient-to: rgb(22 78 99 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-emerald-900\/20:is(.dark *){
  --tw-gradient-to: rgb(6 78 59 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-gray-600:is(.dark *){
  --tw-gradient-to: #3f3f3f var(--tw-gradient-to-position);
}

.dark\:to-gray-800:is(.dark *){
  --tw-gradient-to: #282828 var(--tw-gradient-to-position);
}

.dark\:to-gray-900:is(.dark *){
  --tw-gradient-to: #1c1c1c var(--tw-gradient-to-position);
}

.dark\:to-indigo-900\/20:is(.dark *){
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-primary-400:is(.dark *){
  --tw-gradient-to: #6bec81 var(--tw-gradient-to-position);
}

.dark\:to-primary-700\/30:is(.dark *){
  --tw-gradient-to: rgb(48 164 68 / 0.3) var(--tw-gradient-to-position);
}

.dark\:to-primary-800\/20:is(.dark *){
  --tw-gradient-to: rgb(39 127 53 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-primary-800\/30:is(.dark *){
  --tw-gradient-to: rgb(39 127 53 / 0.3) var(--tw-gradient-to-position);
}

.dark\:to-primary-900\/20:is(.dark *){
  --tw-gradient-to: rgb(30 97 40 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-primary-900\/30:is(.dark *){
  --tw-gradient-to: rgb(30 97 40 / 0.3) var(--tw-gradient-to-position);
}

.dark\:to-slate-800\/50:is(.dark *){
  --tw-gradient-to: rgb(30 41 59 / 0.5) var(--tw-gradient-to-position);
}

.dark\:to-teal-900\/20:is(.dark *){
  --tw-gradient-to: rgb(19 78 74 / 0.2) var(--tw-gradient-to-position);
}

.dark\:to-yellow-900\/20:is(.dark *){
  --tw-gradient-to: rgb(113 63 18 / 0.2) var(--tw-gradient-to-position);
}

.dark\:text-\[var\(--accent-text\)\]:is(.dark *){
  color: var(--accent-text);
}

.dark\:text-\[var\(--danger-fg\)\]:is(.dark *){
  color: var(--danger-fg);
}

.dark\:text-\[var\(--fg\)\]:is(.dark *){
  color: var(--fg);
}

.dark\:text-\[var\(--fg-2\)\]:is(.dark *){
  color: var(--fg-2);
}

.dark\:text-\[var\(--fg-3\)\]:is(.dark *){
  color: var(--fg-3);
}

.dark\:text-\[var\(--fg-4\)\]:is(.dark *){
  color: var(--fg-4);
}

.dark\:text-\[var\(--info-fg\)\]:is(.dark *){
  color: var(--info-fg);
}

.dark\:text-\[var\(--warning-fg\)\]:is(.dark *){
  color: var(--warning-fg);
}

.dark\:text-amber-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-100\/70:is(.dark *){
  color: rgb(254 243 199 / 0.7);
}

.dark\:text-amber-100\/80:is(.dark *){
  color: rgb(254 243 199 / 0.8);
}

.dark\:text-amber-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400\/60:is(.dark *){
  color: rgb(251 191 36 / 0.6);
}

.dark\:text-amber-400\/80:is(.dark *){
  color: rgb(251 191 36 / 0.8);
}

.dark\:text-amber-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.dark\:text-black:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.dark\:text-cyan-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
}

.dark\:text-cyan-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}

.dark\:text-cyan-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}

.dark\:text-editor-accent-blue:is(.dark *){
  color: var(--ed-accent-blue);
}

.dark\:text-editor-accent-green:is(.dark *){
  color: var(--ed-accent-green);
}

.dark\:text-editor-text-1:is(.dark *){
  color: var(--ed-text-primary);
}

.dark\:text-editor-text-2:is(.dark *){
  color: var(--ed-text-secondary);
}

.dark\:text-editor-text-3:is(.dark *){
  color: var(--ed-text-tertiary);
}

.dark\:text-emerald-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400\/70:is(.dark *){
  color: rgb(52 211 153 / 0.7);
}

.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(228 228 228 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(210 210 210 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(94 94 94 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(63 63 63 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity, 1));
}

.dark\:text-green-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

.dark\:text-green-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.dark\:text-green-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:text-green-300\/90:is(.dark *){
  color: rgb(134 239 172 / 0.9);
}

.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-green-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 197 176 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(240 169 138 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(233 130 84 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 105 51 / var(--tw-text-opacity, 1));
}

.dark\:text-pink-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
}

.dark\:text-pink-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.dark\:text-primary-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(170 244 182 / var(--tw-text-opacity, 1));
}

.dark\:text-primary-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(130 239 148 / var(--tw-text-opacity, 1));
}

.dark\:text-primary-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 236 129 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.dark\:text-red-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400\/80:is(.dark *){
  color: rgb(248 113 113 / 0.8);
}

.dark\:text-red-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:text-secondary-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(163 118 223 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.dark\:text-teal-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}

.dark\:text-teal-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}

.dark\:text-teal-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}

.dark\:text-teal-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:text-white\/60:is(.dark *){
  color: rgb(255 255 255 / 0.6);
}

.dark\:text-yellow-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}

.dark\:placeholder-gray-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(138 138 138 / var(--tw-placeholder-opacity, 1));
}

.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(94 94 94 / var(--tw-placeholder-opacity, 1));
}

.dark\:placeholder-gray-500:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(94 94 94 / var(--tw-placeholder-opacity, 1));
}

.dark\:placeholder-gray-600:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(63 63 63 / var(--tw-placeholder-opacity, 1));
}

.dark\:placeholder-gray-600:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(63 63 63 / var(--tw-placeholder-opacity, 1));
}

.dark\:mix-blend-lighten:is(.dark *){
  mix-blend-mode: lighten;
}

.dark\:shadow-lg:is(.dark *){
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-gray-900\/15:is(.dark *){
  --tw-shadow-color: rgb(28 28 28 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:ring-blue-900:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1));
}

.dark\:ring-gray-600:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 63 63 / var(--tw-ring-opacity, 1));
}

.dark\:ring-gray-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(40 40 40 / var(--tw-ring-opacity, 1));
}

.dark\:ring-primary-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(48 164 68 / var(--tw-ring-opacity, 1));
}

.dark\:ring-purple-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity, 1));
}

.dark\:ring-offset-gray-800:is(.dark *){
  --tw-ring-offset-color: #282828;
}

.dark\:file\:bg-blue-900\/30:is(.dark *)::file-selector-button{
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:file\:bg-gray-700:is(.dark *)::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:file\:text-blue-400:is(.dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:file\:text-gray-300:is(.dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}

.dark\:odd\:bg-gray-800:nth-child(odd):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:even\:bg-gray-800\/60:nth-child(even):is(.dark *){
  background-color: rgb(40 40 40 / 0.6);
}

.dark\:hover\:border-blue-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-gray-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(94 94 94 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-gray-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 63 63 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-primary-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-primary-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(64 210 88 / var(--tw-border-opacity, 1));
}

.dark\:hover\:bg-\[var\(--bg-2\)\]:hover:is(.dark *){
  background-color: var(--bg-2);
}

.dark\:hover\:bg-\[var\(--bg-3\)\]:hover:is(.dark *){
  background-color: var(--bg-3);
}

.dark\:hover\:bg-\[var\(--danger-bg\)\]:hover:is(.dark *){
  background-color: var(--danger-bg);
}

.dark\:hover\:bg-\[var\(--hover-bg\)\]:hover:is(.dark *){
  background-color: var(--hover-bg);
}

.dark\:hover\:bg-amber-500\/30:hover:is(.dark *){
  background-color: rgb(245 158 11 / 0.3);
}

.dark\:hover\:bg-amber-900\/40:hover:is(.dark *){
  background-color: rgb(120 53 15 / 0.4);
}

.dark\:hover\:bg-blue-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-blue-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-blue-900\/20:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.2);
}

.dark\:hover\:bg-blue-900\/30:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}

.dark\:hover\:bg-blue-900\/40:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.4);
}

.dark\:hover\:bg-blue-900\/50:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.5);
}

.dark\:hover\:bg-editor-surface-2:hover:is(.dark *){
  background-color: var(--ed-surface-2);
}

.dark\:hover\:bg-editor-surface-hover:hover:is(.dark *){
  background-color: var(--ed-surface-hover);
}

.dark\:hover\:bg-gray-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-600\/50:hover:is(.dark *){
  background-color: rgb(63 63 63 / 0.5);
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-700\/30:hover:is(.dark *){
  background-color: rgb(40 40 40 / 0.3);
}

.dark\:hover\:bg-gray-700\/40:hover:is(.dark *){
  background-color: rgb(40 40 40 / 0.4);
}

.dark\:hover\:bg-gray-700\/50:hover:is(.dark *){
  background-color: rgb(40 40 40 / 0.5);
}

.dark\:hover\:bg-gray-700\/60:hover:is(.dark *){
  background-color: rgb(40 40 40 / 0.6);
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-900:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-900\/30:hover:is(.dark *){
  background-color: rgb(28 28 28 / 0.3);
}

.dark\:hover\:bg-gray-900\/40:hover:is(.dark *){
  background-color: rgb(28 28 28 / 0.4);
}

.dark\:hover\:bg-green-900\/30:hover:is(.dark *){
  background-color: rgb(20 83 45 / 0.3);
}

.dark\:hover\:bg-green-900\/40:hover:is(.dark *){
  background-color: rgb(20 83 45 / 0.4);
}

.dark\:hover\:bg-green-900\/50:hover:is(.dark *){
  background-color: rgb(20 83 45 / 0.5);
}

.dark\:hover\:bg-indigo-900\/40:hover:is(.dark *){
  background-color: rgb(49 46 129 / 0.4);
}

.dark\:hover\:bg-orange-900\/50:hover:is(.dark *){
  background-color: rgb(93 29 0 / 0.5);
}

.dark\:hover\:bg-primary-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(69 231 96 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-primary-500\/20:hover:is(.dark *){
  background-color: rgb(69 231 96 / 0.2);
}

.dark\:hover\:bg-primary-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(64 210 88 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-primary-900\/10:hover:is(.dark *){
  background-color: rgb(30 97 40 / 0.1);
}

.dark\:hover\:bg-primary-900\/30:hover:is(.dark *){
  background-color: rgb(30 97 40 / 0.3);
}

.dark\:hover\:bg-purple-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-purple-900\/20:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.2);
}

.dark\:hover\:bg-purple-900\/30:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.3);
}

.dark\:hover\:bg-purple-900\/40:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.4);
}

.dark\:hover\:bg-purple-900\/50:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.5);
}

.dark\:hover\:bg-red-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-red-900\/10:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.1);
}

.dark\:hover\:bg-red-900\/20:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}

.dark\:hover\:bg-red-900\/30:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}

.dark\:hover\:bg-red-900\/40:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.4);
}

.dark\:hover\:bg-red-900\/50:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.5);
}

.dark\:hover\:bg-rose-500\/30:hover:is(.dark *){
  background-color: rgb(244 63 94 / 0.3);
}

.dark\:hover\:bg-white\/10:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}

.dark\:hover\:bg-yellow-900\/20:hover:is(.dark *){
  background-color: rgb(113 63 18 / 0.2);
}

.dark\:hover\:bg-yellow-900\/30:hover:is(.dark *){
  background-color: rgb(113 63 18 / 0.3);
}

.dark\:hover\:from-primary-900\/30:hover:is(.dark *){
  --tw-gradient-from: rgb(30 97 40 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 97 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:hover\:to-primary-900\/40:hover:is(.dark *){
  --tw-gradient-to: rgb(30 97 40 / 0.4) var(--tw-gradient-to-position);
}

.dark\:hover\:text-\[var\(--danger-fg\)\]:hover:is(.dark *){
  color: var(--danger-fg);
}

.dark\:hover\:text-\[var\(--fg\)\]:hover:is(.dark *){
  color: var(--fg);
}

.dark\:hover\:text-amber-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-amber-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-amber-50:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-blue-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-blue-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-blue-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-blue-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-editor-text-1:hover:is(.dark *){
  color: var(--ed-text-primary);
}

.dark\:hover\:text-emerald-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-gray-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(228 228 228 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-gray-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(210 210 210 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-gray-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-green-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-green-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-green-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-indigo-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-orange-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(233 130 84 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-primary-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(198 248 206 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-primary-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(130 239 148 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-primary-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 236 129 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-purple-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-red-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-red-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-red-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-red-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-yellow-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-yellow-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-yellow-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:hover\:file\:bg-blue-900\/50:is(.dark *)::file-selector-button:hover{
  background-color: rgb(30 58 138 / 0.5);
}

.dark\:hover\:file\:bg-gray-600:is(.dark *)::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 63 / var(--tw-bg-opacity, 1));
}

.dark\:focus\:border-primary-500:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}

.dark\:focus\:bg-gray-900:focus:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}

.dark\:focus\:ring-primary-400:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 236 129 / var(--tw-ring-opacity, 1));
}

.dark\:focus\:ring-primary-600:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 210 88 / var(--tw-ring-opacity, 1));
}

.dark\:focus\:ring-primary-900\/40:focus:is(.dark *){
  --tw-ring-color: rgb(30 97 40 / 0.4);
}

.dark\:focus\:ring-offset-gray-900:focus:is(.dark *){
  --tw-ring-offset-color: #1c1c1c;
}

.dark\:focus-visible\:ring-offset-gray-900:focus-visible:is(.dark *){
  --tw-ring-offset-color: #1c1c1c;
}

.dark\:active\:border-primary-600:active:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(64 210 88 / var(--tw-border-opacity, 1));
}

.dark\:active\:bg-gray-700:active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.disabled\:dark\:bg-slate-700:is(.dark *):disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.group:hover .dark\:group-hover\:border-primary-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(69 231 96 / var(--tw-border-opacity, 1));
}

.group:hover .dark\:group-hover\:bg-primary-800\/50:is(.dark *){
  background-color: rgb(39 127 53 / 0.5);
}

.group:hover .dark\:group-hover\:bg-primary-900\/20:is(.dark *){
  background-color: rgb(30 97 40 / 0.2);
}

.group:hover .dark\:group-hover\:bg-primary-900\/30:is(.dark *){
  background-color: rgb(30 97 40 / 0.3);
}

.group:hover .dark\:group-hover\:text-\[var\(--fg\)\]:is(.dark *){
  color: var(--fg);
}

.group:hover .dark\:group-hover\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.group:hover .dark\:group-hover\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.group:hover .dark\:group-hover\:text-editor-text-1:is(.dark *){
  color: var(--ed-text-primary);
}

.group:hover .dark\:group-hover\:text-editor-text-2:is(.dark *){
  color: var(--ed-text-secondary);
}

.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(130 239 148 / var(--tw-text-opacity, 1));
}

.group:hover .dark\:group-hover\:text-primary-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 236 129 / var(--tw-text-opacity, 1));
}

.group:hover .dark\:group-hover\:ring-primary-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 231 96 / var(--tw-ring-opacity, 1));
}

@media not all and (min-width: 1024px){
  .max-lg\:fixed{
    position: fixed;
  }
  .max-lg\:inset-x-0{
    left: 0px;
    right: 0px;
  }
  .max-lg\:bottom-0{
    bottom: 0px;
  }
  .max-lg\:top-14{
    top: 3.5rem;
  }
  .max-lg\:z-20{
    z-index: 20;
  }
  .max-lg\:flex{
    display: flex;
  }
  .max-lg\:hidden{
    display: none;
  }
  .max-lg\:\!w-full{
    width: 100% !important;
  }
}

@media (min-width: 640px){
  .sm\:absolute{
    position: absolute;
  }
  .sm\:inset-x-auto{
    left: auto;
    right: auto;
  }
  .sm\:bottom-6{
    bottom: 1.5rem;
  }
  .sm\:bottom-full{
    bottom: 100%;
  }
  .sm\:left-0{
    left: 0px;
  }
  .sm\:left-auto{
    left: auto;
  }
  .sm\:right-4{
    right: 1rem;
  }
  .sm\:right-6{
    right: 1.5rem;
  }
  .sm\:top-20{
    top: 5rem;
  }
  .sm\:order-2{
    order: 2;
  }
  .sm\:order-3{
    order: 3;
  }
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .sm\:col-span-5{
    grid-column: span 5 / span 5;
  }
  .sm\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm\:-mt-6{
    margin-top: -1.5rem;
  }
  .sm\:mb-0{
    margin-bottom: 0px;
  }
  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }
  .sm\:mb-12{
    margin-bottom: 3rem;
  }
  .sm\:mb-14{
    margin-bottom: 3.5rem;
  }
  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }
  .sm\:mb-4{
    margin-bottom: 1rem;
  }
  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8{
    margin-bottom: 2rem;
  }
  .sm\:ml-2{
    margin-left: 0.5rem;
  }
  .sm\:ml-3{
    margin-left: 0.75rem;
  }
  .sm\:ml-4{
    margin-left: 1rem;
  }
  .sm\:ml-8{
    margin-left: 2rem;
  }
  .sm\:ml-auto{
    margin-left: auto;
  }
  .sm\:mr-2{
    margin-right: 0.5rem;
  }
  .sm\:mt-0{
    margin-top: 0px;
  }
  .sm\:mt-3{
    margin-top: 0.75rem;
  }
  .sm\:block{
    display: block;
  }
  .sm\:inline-block{
    display: inline-block;
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:inline-flex{
    display: inline-flex;
  }
  .sm\:grid{
    display: grid;
  }
  .sm\:contents{
    display: contents;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:h-10{
    height: 2.5rem;
  }
  .sm\:h-12{
    height: 3rem;
  }
  .sm\:h-14{
    height: 3.5rem;
  }
  .sm\:h-16{
    height: 4rem;
  }
  .sm\:h-2\.5{
    height: 0.625rem;
  }
  .sm\:h-20{
    height: 5rem;
  }
  .sm\:h-32{
    height: 8rem;
  }
  .sm\:h-6{
    height: 1.5rem;
  }
  .sm\:h-7{
    height: 1.75rem;
  }
  .sm\:h-\[500px\]{
    height: 500px;
  }
  .sm\:max-h-72{
    max-height: 18rem;
  }
  .sm\:max-h-\[200px\]{
    max-height: 200px;
  }
  .sm\:min-h-\[80vh\]{
    min-height: 80vh;
  }
  .sm\:w-10{
    width: 2.5rem;
  }
  .sm\:w-12{
    width: 3rem;
  }
  .sm\:w-14{
    width: 3.5rem;
  }
  .sm\:w-16{
    width: 4rem;
  }
  .sm\:w-20{
    width: 5rem;
  }
  .sm\:w-32{
    width: 8rem;
  }
  .sm\:w-6{
    width: 1.5rem;
  }
  .sm\:w-7{
    width: 1.75rem;
  }
  .sm\:w-80{
    width: 20rem;
  }
  .sm\:w-96{
    width: 24rem;
  }
  .sm\:w-auto{
    width: auto;
  }
  .sm\:w-full{
    width: 100%;
  }
  .sm\:max-w-lg{
    max-width: 32rem;
  }
  .sm\:max-w-md{
    max-width: 28rem;
  }
  .sm\:max-w-none{
    max-width: none;
  }
  .sm\:max-w-sm{
    max-width: 24rem;
  }
  .sm\:flex-initial{
    flex: 0 1 auto;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .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\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  .sm\:items-start{
    align-items: flex-start;
  }
  .sm\:items-end{
    align-items: flex-end;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:justify-start{
    justify-content: flex-start;
  }
  .sm\:justify-end{
    justify-content: flex-end;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:gap-0{
    gap: 0px;
  }
  .sm\:gap-10{
    gap: 2.5rem;
  }
  .sm\:gap-2{
    gap: 0.5rem;
  }
  .sm\:gap-3{
    gap: 0.75rem;
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:gap-6{
    gap: 1.5rem;
  }
  .sm\:gap-8{
    gap: 2rem;
  }
  .sm\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .sm\:self-auto{
    align-self: auto;
  }
  .sm\:self-start{
    align-self: flex-start;
  }
  .sm\:whitespace-nowrap{
    white-space: nowrap;
  }
  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }
  .sm\:bg-slate-800{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
  .sm\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .sm\:p-0{
    padding: 0px;
  }
  .sm\:p-12{
    padding: 3rem;
  }
  .sm\:p-16{
    padding: 4rem;
  }
  .sm\:p-3{
    padding: 0.75rem;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-5{
    padding: 1.25rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:p-8{
    padding: 2rem;
  }
  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sm\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .sm\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-0{
    padding-bottom: 0px;
  }
  .sm\:pb-32{
    padding-bottom: 8rem;
  }
  .sm\:pb-4{
    padding-bottom: 1rem;
  }
  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }
  .sm\:pl-16{
    padding-left: 4rem;
  }
  .sm\:pl-6{
    padding-left: 1.5rem;
  }
  .sm\:pt-20{
    padding-top: 5rem;
  }
  .sm\:pt-3{
    padding-top: 0.75rem;
  }
  .sm\:pt-6{
    padding-top: 1.5rem;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-right{
    text-align: right;
  }
  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .sm\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .sm\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\: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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .sm\: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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .sm\:dark\:bg-slate-700:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
  }
  .sm\:dark\:shadow-lg:is(.dark *){
    --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }
  .md\:inset-auto{
    inset: auto;
  }
  .md\:right-0{
    right: 0px;
  }
  .md\:top-full{
    top: 100%;
  }
  .md\:order-1{
    order: 1;
  }
  .md\:order-2{
    order: 2;
  }
  .md\:order-3{
    order: 3;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .md\:-my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mt-2{
    margin-top: 0.5rem;
  }
  .md\:block{
    display: block;
  }
  .md\:inline{
    display: inline;
  }
  .md\:flex{
    display: flex;
  }
  .md\:grid{
    display: grid;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-0{
    height: 0px;
  }
  .md\:max-h-80{
    max-height: 20rem;
  }
  .md\:max-h-\[80vh\]{
    max-height: 80vh;
  }
  .md\:w-80{
    width: 20rem;
  }
  .md\:w-96{
    width: 24rem;
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:flex-none{
    flex: none;
  }
  .md\:flex-shrink-0{
    flex-shrink: 0;
  }
  .md\:translate-y-0{
    --tw-translate-y: 0px;
    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));
  }
  .md\: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));
  }
  .md\:scale-110{
    --tw-scale-x: 1.1;
    --tw-scale-y: 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));
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-wrap{
    flex-wrap: wrap;
  }
  .md\:items-start{
    align-items: flex-start;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:self-auto{
    align-self: auto;
  }
  .md\:self-center{
    align-self: center;
  }
  .md\:rounded-xl{
    border-radius: 0.75rem;
  }
  .md\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .md\:border-b-0{
    border-bottom-width: 0px;
  }
  .md\:border-r{
    border-right-width: 1px;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px){
  .lg\:absolute{
    position: absolute;
  }
  .lg\:relative{
    position: relative;
  }
  .lg\:inset-auto{
    inset: auto;
  }
  .lg\:bottom-24{
    bottom: 6rem;
  }
  .lg\:bottom-4{
    bottom: 1rem;
  }
  .lg\:left-0{
    left: 0px;
  }
  .lg\:left-auto{
    left: auto;
  }
  .lg\:right-4{
    right: 1rem;
  }
  .lg\:top-4{
    top: 1rem;
  }
  .lg\:top-full{
    top: 100%;
  }
  .lg\:order-1{
    order: 1;
  }
  .lg\:order-2{
    order: 2;
  }
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .lg\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:-mt-5{
    margin-top: -1.25rem;
  }
  .lg\:-mt-8{
    margin-top: -2rem;
  }
  .lg\:mr-1{
    margin-right: 0.25rem;
  }
  .lg\:mt-1{
    margin-top: 0.25rem;
  }
  .lg\:mt-2{
    margin-top: 0.5rem;
  }
  .lg\:line-clamp-none{
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
  .lg\:block{
    display: block;
  }
  .lg\:inline{
    display: inline;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:inline-flex{
    display: inline-flex;
  }
  .lg\:grid{
    display: grid;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:h-\[600px\]{
    height: 600px;
  }
  .lg\:h-auto{
    height: auto;
  }
  .lg\:max-h-48{
    max-height: 12rem;
  }
  .lg\:max-h-\[600px\]{
    max-height: 600px;
  }
  .lg\:max-h-\[85vh\]{
    max-height: 85vh;
  }
  .lg\:max-h-\[90vh\]{
    max-height: 90vh;
  }
  .lg\:max-h-\[calc\(100dvh-6rem\)\]{
    max-height: calc(100dvh - 6rem);
  }
  .lg\:w-48{
    width: 12rem;
  }
  .lg\:w-64{
    width: 16rem;
  }
  .lg\:w-72{
    width: 18rem;
  }
  .lg\:w-80{
    width: 20rem;
  }
  .lg\:w-96{
    width: 24rem;
  }
  .lg\:w-auto{
    width: auto;
  }
  .lg\:max-w-sm{
    max-width: 24rem;
  }
  .lg\:flex-1{
    flex: 1 1 0%;
  }
  .lg\:translate-y-0{
    --tw-translate-y: 0px;
    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));
  }
  .lg\:scale-\[1\.03\]{
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    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));
  }
  .lg\:transform-none{
    transform: none;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-start{
    align-items: flex-start;
  }
  .lg\:items-end{
    align-items: flex-end;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:justify-start{
    justify-content: flex-start;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:gap-0{
    gap: 0px;
  }
  .lg\:gap-10{
    gap: 2.5rem;
  }
  .lg\:gap-12{
    gap: 3rem;
  }
  .lg\:gap-16{
    gap: 4rem;
  }
  .lg\:gap-2{
    gap: 0.5rem;
  }
  .lg\:gap-3{
    gap: 0.75rem;
  }
  .lg\:gap-6{
    gap: 1.5rem;
  }
  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .lg\:overflow-visible{
    overflow: visible;
  }
  .lg\:whitespace-normal{
    white-space: normal;
  }
  .lg\:rounded{
    border-radius: 0.25rem;
  }
  .lg\:rounded-2xl{
    border-radius: 1rem;
  }
  .lg\:rounded-xl{
    border-radius: 0.75rem;
  }
  .lg\:border{
    border-width: 1px;
  }
  .lg\:border-\[\#E5E7EB\]{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
  .lg\:p-3{
    padding: 0.75rem;
  }
  .lg\:p-4{
    padding: 1rem;
  }
  .lg\:p-6{
    padding: 1.5rem;
  }
  .lg\:p-8{
    padding: 2rem;
  }
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-28{
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .lg\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pb-3{
    padding-bottom: 0.75rem;
  }
  .lg\:pb-36{
    padding-bottom: 9rem;
  }
  .lg\:pt-0{
    padding-top: 0px;
  }
  .lg\:pt-2{
    padding-top: 0.5rem;
  }
  .lg\:pt-24{
    padding-top: 6rem;
  }
  .lg\:pt-3{
    padding-top: 0.75rem;
  }
  .lg\:pt-8{
    padding-top: 2rem;
  }
  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .lg\:opacity-0{
    opacity: 0;
  }
  .lg\:transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .dark\:lg\:border-\[var\(--line\)\]:is(.dark *){
    border-color: var(--line);
  }
}

@media (min-width: 1280px){
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1536px){
  .\32xl\:order-1{
    order: 1;
  }
  .\32xl\:order-2{
    order: 2;
  }
  .\32xl\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .\32xl\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .\32xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media print{
  .print\:hidden{
    display: none;
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}

.\[\&\:not\(\.lg\:flex\)\]\:\!w-full:not(.lg:flex){
  width: 100% !important;
}

.\[\&\:not\(\.lg\\\\\:flex\)\]\:\!w-full:not(.lg\\:flex){
  width: 100% !important;
}

.\[\&\>\*\:first-child\]\:mt-0>*:first-child{
  margin-top: 0px;
}

.\[\&\>\*\:last-child\]\:mb-0>*:last-child{
  margin-bottom: 0px;
}

.\[\&\>button\:nth-child\(n\+3\)\]\:hidden>button:nth-child(n+3){
  display: none;
}

.\[\&\>p\]\:mb-0>p{
  margin-bottom: 0px;
}

.\[\&\>p\]\:inline>p{
  display: inline;
}