/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-greek-wght-normal-CkhJZR-_.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-cyrillic-ext-wght-italic-B5xAaiFk.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-cyrillic-wght-italic-DzZdc28x.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-greek-ext-wght-italic-DcOpz6Lw.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-greek-wght-italic-CILZdfAp.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-vietnamese-wght-italic-K3WlGtc8.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-latin-ext-wght-italic-0pjOp8NU.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-wght-italic */
@font-face {
  font-family: 'Inter Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(./inter-latin-wght-italic-DpCbqKDY.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}@font-face {
    font-family: "Frutiger LT Std";
    src: url("./Frutiger-LT-Std-45-Light-D5DC-jAg.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Frutiger LT Std";
    src: url("./Frutiger-LT-Std-55-Roman-DHbyOvXg.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Frutiger LT Std";
    src: url("./Frutiger-LT-Std-65-Bold-SYan0gaZ.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
/* see docs/EXTRACTED_COMMENTS.md#c297 */
:root {
    /* Palette */
    --bg:          #FFFFFF;   /* page / dialog ground */
    --muted:       #F6F7F9;   /* form ground, segmented tracks, footers */
    --panel:       #FBFCFD;   /* pills, faint cards */
    --ink:         #000225;   /* brand-black — primary text (logo fill) */
    --ink-2:       #41464E;   /* secondary text */
    --ink-3:       #667085;   /* muted-foreground — labels */
    --ink-4:       #98A0AC;   /* faint / placeholder / disabled */
    --primary:     #2563EB;   /* the one accent (logo triangle) */
    --primary-700: #1D4FD7;   /* hover */
    --border:      #E6E8EC;   /* the only border weight (hairline) */
    --input:       #E2E5EA;   /* control border */
    --ring:        rgba(37, 99, 235, 0.30);   /* focus ring */

    /* Semantic status — small dots only, never fills */
    --ok:   #10B981;   /* healthy */
    --warn: #D97706;   /* syncing / working */
    --err:  #EF4444;   /* stalled / error */

    /* Elevation */
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --shadow-md: 0 4px 16px rgba(16, 24, 40, 0.08);
    --shadow-lg: 0 18px 48px rgba(16, 24, 40, 0.14);

    /* Radius */
    --r-sm: 6px;    /* controls */
    --r-md: 10px;   /* cards / dialogs */
    --r-lg: 14px;   /* large cards / dialogs */
    --r-xl: 18px;

    /* see docs/EXTRACTED_COMMENTS.md#c298 */
    --ui:   "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, system-ui, sans-serif;
    --brand: "Frutiger LT Std", var(--ui);
    --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

    /* Motion — minimal, functional; no ambient loops */
    --ease: cubic-bezier(.2, .7, .2, 1);
}

body, html, #app {
    user-select: none;
    /* see docs/EXTRACTED_COMMENTS.md#c299 */
    font-family: var(--ui);
    color: var(--ink);
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

input {
    border-width: 2px;
    border-color: #000000;
}

#app {
    display: flex;
    flex-direction: column
}

canvas {
    width: 0;
    height: 0;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


button {
    border: none;
    background-color: buttonface;
}

/* -------------------------------------------------------------------------- */
/* Transition-driven switching (Alternating + Playlist)                        */
/* -------------------------------------------------------------------------- */

.lumids-switch-container {
    overflow: hidden;
}

.lumids-switch-container--playlist {
    position: relative;
}

.lumids-switch-container--playlist .lumids-switch-layer {
    position: absolute;
    inset: 0;
}

.lumids-switchable {
    transition-property: opacity, transform, clip-path, filter;
    transition-timing-function: var(--lumids-switch-ease, linear);
    transition-duration: 0ms;
    will-change: opacity, transform, clip-path, filter;
}

/* see docs/EXTRACTED_COMMENTS.md#c808 */
.lumids-switchable[data-switch="enter"] {
    transition-duration: 0ms;
}
.lumids-switchable[data-switch="active"] {
    transition-duration: var(--lumids-switch-in-ms, 0ms);
}

.lumids-switchable[data-switch="exit"] {
    transition-duration: var(--lumids-switch-out-ms, 0ms);
}

/* Base states */
.lumids-switchable[data-switch="enter"] {
    opacity: 0;
}

.lumids-switchable[data-switch="active"] {
    opacity: 1;
    transform: none;
    clip-path: inset(0 0 0 0);
    filter: none;
}

.lumids-switchable[data-switch="exit"] {
    opacity: 0;
    pointer-events: none;
}

/* see docs/EXTRACTED_COMMENTS.md#c806 */
.lumids-switchable[data-switch="enter"],
.lumids-switchable[data-switch="active"] {
    z-index: 2;
}
.lumids-switchable[data-switch="exit"] {
    z-index: 3;
}
.lumids-switchable[data-variant="none"][data-switch="exit"] {
    opacity: 1;
    transform: none;
    clip-path: inset(0 0 0 0);
    filter: none;
    z-index: 1;
}

/* see docs/EXTRACTED_COMMENTS.md#c300 */

/* Crossfade: opacity only (crossfade_in / crossfade_out). Directionless. */
.lumids-switchable[data-variant="crossfade"][data-switch="enter"],
.lumids-switchable[data-variant="crossfade"][data-switch="exit"] {
    transform: none;
    clip-path: inset(0 0 0 0);
}

/* see docs/EXTRACTED_COMMENTS.md#c301 */
.lumids-switchable[data-variant="fly"][data-switch="enter"],
.lumids-switchable[data-variant="fly"][data-switch="exit"] {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}
/* default = UP: in from below, out through the top (fly_up_in / fly_up_out) */
.lumids-switchable[data-variant="fly"][data-switch="enter"],
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="UP"] {
    transform: translate3d(0, var(--lumids-switch-h, 100%), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="exit"],
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="UP"] {
    transform: translate3d(0, calc(-1 * var(--lumids-switch-h, 100%)), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="DOWN"] {
    transform: translate3d(0, calc(-1 * var(--lumids-switch-h, 100%)), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="DOWN"] {
    transform: translate3d(0, var(--lumids-switch-h, 100%), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="LEFT"],
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="LEFT"] {
    transform: translate3d(calc(-1 * var(--lumids-switch-w, 100%)), 0, 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="RIGHT"],
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="RIGHT"] {
    transform: translate3d(var(--lumids-switch-w, 100%), 0, 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="UP_LEFT"] {
    transform: translate3d(calc(-1 * var(--lumids-switch-w, 100%)), var(--lumids-switch-h, 100%), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="UP_LEFT"] {
    transform: translate3d(calc(-1 * var(--lumids-switch-w, 100%)), calc(-1 * var(--lumids-switch-h, 100%)), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="UP_RIGHT"] {
    transform: translate3d(var(--lumids-switch-w, 100%), var(--lumids-switch-h, 100%), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="UP_RIGHT"] {
    transform: translate3d(var(--lumids-switch-w, 100%), calc(-1 * var(--lumids-switch-h, 100%)), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="DOWN_LEFT"] {
    transform: translate3d(calc(-1 * var(--lumids-switch-w, 100%)), calc(-1 * var(--lumids-switch-h, 100%)), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="DOWN_LEFT"] {
    transform: translate3d(calc(-1 * var(--lumids-switch-w, 100%)), var(--lumids-switch-h, 100%), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="enter"][data-direction="DOWN_RIGHT"] {
    transform: translate3d(var(--lumids-switch-w, 100%), calc(-1 * var(--lumids-switch-h, 100%)), 0);
}
.lumids-switchable[data-variant="fly"][data-switch="exit"][data-direction="DOWN_RIGHT"] {
    transform: translate3d(var(--lumids-switch-w, 100%), var(--lumids-switch-h, 100%), 0);
}

/* see docs/EXTRACTED_COMMENTS.md#c302 */
.lumids-switchable[data-variant="turn"][data-switch="enter"],
.lumids-switchable[data-variant="turn"][data-switch="exit"] {
    opacity: 1;
    transform: none;
}
/* default = RIGHT: the wipe front travels left -> right (clip_in_right / clip_out_right) */
.lumids-switchable[data-variant="turn"][data-switch="enter"],
.lumids-switchable[data-variant="turn"][data-switch="enter"][data-direction="RIGHT"] {
    clip-path: inset(0 100% 0 0);
}
.lumids-switchable[data-variant="turn"][data-switch="exit"],
.lumids-switchable[data-variant="turn"][data-switch="exit"][data-direction="RIGHT"] {
    clip-path: inset(0 0 0 100%);
}
.lumids-switchable[data-variant="turn"][data-switch="enter"][data-direction="LEFT"] {
    clip-path: inset(0 0 0 100%);
}
.lumids-switchable[data-variant="turn"][data-switch="exit"][data-direction="LEFT"] {
    clip-path: inset(0 100% 0 0);
}
.lumids-switchable[data-variant="turn"][data-switch="enter"][data-direction="DOWN"] {
    clip-path: inset(0 0 100% 0);
}
.lumids-switchable[data-variant="turn"][data-switch="exit"][data-direction="DOWN"] {
    clip-path: inset(100% 0 0 0);
}
.lumids-switchable[data-variant="turn"][data-switch="enter"][data-direction="UP"] {
    clip-path: inset(100% 0 0 0);
}
.lumids-switchable[data-variant="turn"][data-switch="exit"][data-direction="UP"] {
    clip-path: inset(0 0 100% 0);
}

/* see docs/EXTRACTED_COMMENTS.md#c303 */
.lumids-switchable[data-variant="curtain"][data-switch="enter"],
.lumids-switchable[data-variant="curtain"][data-switch="exit"] {
    opacity: 1;
    transform: none;
}
.lumids-switchable[data-variant="curtain"][data-switch="enter"] {
    clip-path: inset(0 0 100% 0); /* default / DOWN: reveal top -> bottom (uncover_down_in) */
}
.lumids-switchable[data-variant="curtain"][data-switch="exit"] {
    clip-path: inset(0 0 100% 0); /* default / UP: recede bottom -> top (uncover_up_out) */
}
.lumids-switchable[data-variant="curtain"][data-switch="enter"][data-direction="RIGHT"] {
    clip-path: inset(0 100% 0 0); /* reveal left -> right (uncover_right_in) */
}
.lumids-switchable[data-variant="curtain"][data-switch="enter"][data-direction="DOWN_RIGHT"] {
    clip-path: inset(0 100% 100% 0); /* reveal from the top-left corner */
}
.lumids-switchable[data-variant="curtain"][data-switch="exit"][data-direction="LEFT"] {
    clip-path: inset(0 100% 0 0); /* recede right -> left (uncover_left_out) */
}
.lumids-switchable[data-variant="curtain"][data-switch="exit"][data-direction="UP_LEFT"] {
    clip-path: inset(0 100% 100% 0); /* recede toward the top-left corner */
}

@media (prefers-reduced-motion: reduce) {
    .lumids-switchable {
        transition-duration: 1ms !important;
    }
}

/* see docs/EXTRACTED_COMMENTS.md#c304 */
@supports (--gb: 0) {
    .gb-ring {
        background-image: var(--gb-body) !important;
        border-image: var(--gb-gradient) 1 !important;
    }
}
video[data-v-3ddd4b5a] {
  pointer-events: none;
}

#app {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}


/* see docs/EXTRACTED_COMMENTS.md#c305 */
.palette-scrim[data-v-b01ee0a5] {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 2, 37, 0.12);
}
.palette-card[data-v-b01ee0a5] {
  width: min(440px, calc(100vw - 48px));
  display: flex;
  flex-direction: column;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

/* see docs/EXTRACTED_COMMENTS.md#c306 */
.query-row[data-v-b01ee0a5] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border);
}
.query-glyph[data-v-b01ee0a5] {
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--ink-4);
}
.query-value[data-v-b01ee0a5] {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.query-caret[data-v-b01ee0a5] {
  display: inline-block;
  width: 2px;
  height: 1.1em;
  margin-left: 2px;
  vertical-align: text-bottom;
  background: var(--primary);
  animation: caret-blink-b01ee0a5 1.1s steps(1) infinite;
}
.query-placeholder[data-v-b01ee0a5] {
  flex: 1;
  min-width: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--ink-4);
}
.query-hint[data-v-b01ee0a5] {
  flex: none;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
}

/* see docs/EXTRACTED_COMMENTS.md#c307 */
.palette-body[data-v-b01ee0a5] {
  padding: 0;
}
.section-label[data-v-b01ee0a5] {
  padding: 11px 16px 5px;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-4);
}
.layout-list[data-v-b01ee0a5] {
  list-style: none;
  margin: 0;
  padding: 0 8px 8px;
  display: grid;
  gap: 1px;
  max-height: 260px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--input) transparent;
}
.layout-list[data-v-b01ee0a5]::-webkit-scrollbar {
  width: 8px;
}
.layout-list[data-v-b01ee0a5]::-webkit-scrollbar-thumb {
  background: var(--input);
  border-radius: 999px;
}
.layout-item[data-v-b01ee0a5] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border-radius: var(--r-sm);
  position: relative;
  transition: background-color 150ms var(--ease);
}
.layout-item.selected[data-v-b01ee0a5] {
  background: var(--muted);
}
.layout-item.selected[data-v-b01ee0a5]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  bottom: 7px;
  width: 2px;
  border-radius: 999px;
  background: var(--primary);
}
.layout-id[data-v-b01ee0a5] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.layout-now[data-v-b01ee0a5] {
  margin-left: auto;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--primary);
  background: rgba(37, 99, 235, 0.09);
  border-radius: 999px;
  padding: 2px 7px;
}

/* Footer legend — make the keyboard affordances visible. */
.palette-legend[data-v-b01ee0a5] {
  display: flex;
  gap: 18px;
  padding: 12px 18px;
  border-top: 1px solid var(--border);
  background: var(--muted);
  font-size: 0.75rem;
  color: var(--ink-4);
}
.palette-legend span[data-v-b01ee0a5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.palette-legend kbd[data-v-b01ee0a5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-family: var(--ui);
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--ink-3);
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}

/* A single ≤150ms fade-in on summon. */
.palette-fade-enter-active[data-v-b01ee0a5],
.palette-fade-leave-active[data-v-b01ee0a5] {
  transition: opacity 150ms var(--ease);
}
.palette-fade-enter-from[data-v-b01ee0a5],
.palette-fade-leave-to[data-v-b01ee0a5] {
  opacity: 0;
}
@keyframes caret-blink-b01ee0a5 {
0%, 50% { opacity: 1;
}
50.01%, 100% { opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.palette-fade-enter-active[data-v-b01ee0a5],
  .palette-fade-leave-active[data-v-b01ee0a5] {
    transition: none !important;
}
.query-caret[data-v-b01ee0a5] {
    animation: none !important;
}
}

.skeleton[data-v-61b5bcda] {
  inset: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--brand);
  -webkit-font-smoothing: antialiased;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.splash[data-v-61b5bcda] {
  /* see docs/EXTRACTED_COMMENTS.md#c310 */
  --col: 320px;
  --col-max: 70vw;
  width: 100%;
  max-width: 880px;
  display: grid;
  grid-template-rows: 1fr auto;
}

/* see docs/EXTRACTED_COMMENTS.md#c311 */
.top[data-v-61b5bcda] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
}
.logo[data-v-61b5bcda] {
  width: 120px;
  height: 34px;
  object-fit: contain;
  object-position: left center;
}
.ver[data-v-61b5bcda] {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-4);
}
.center[data-v-61b5bcda] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding: 12px 0;
}
.progress[data-v-61b5bcda] {
  width: var(--col);
  max-width: var(--col-max);
  height: 4px;
  border-radius: 999px;
  background: var(--border);
  overflow: hidden;
}
.progress .fill[data-v-61b5bcda] {
  height: 100%;
  background: var(--primary);
  border-radius: 999px;
  transition: width 600ms var(--ease);
}
.status[data-v-61b5bcda] {
  text-align: center;
}
.status .h[data-v-61b5bcda] {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.status .d[data-v-61b5bcda] {
  font-size: 13.5px;
  font-weight: 300;
  color: var(--ink-3);
  margin-top: 6px;
  font-variant-numeric: tabular-nums;
}
.foot[data-v-61b5bcda] {
  width: var(--col);
  max-width: var(--col-max);
  margin: 0 auto;
  padding: 18px 0;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--ink-4);
}
.foot .device[data-v-61b5bcda] {
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
.progress .fill[data-v-61b5bcda] {
    transition: none;
}
}

.status-bar[data-v-0a2f9033] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 9000;
  /* see docs/EXTRACTED_COMMENTS.md#c312 */
  background: var(--muted);
  border-top: 1px solid var(--border);
  box-shadow: 0 -8px 24px rgba(16, 24, 40, 0.10);
  font-family: var(--ui);
  font-size: 13.5px;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}

/* Left: status (clickable) */
.sb-left[data-v-0a2f9033] {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  background: none;
  border: none;
  padding: 4px 6px;
  margin-left: -6px;
  border-radius: var(--r-sm);
  cursor: pointer;
  font: inherit;
  color: var(--ink);
}
.sb-left[data-v-0a2f9033]:hover {
  background: rgba(0, 2, 37, 0.05);
}
.sb-left[data-v-0a2f9033]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ring);
}
.sb-dot[data-v-0a2f9033] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--ok);
}
.dot-healthy[data-v-0a2f9033]    { background: var(--ok);
}
.dot-processing[data-v-0a2f9033] { background: var(--warn);
}
.dot-error[data-v-0a2f9033],
.dot-offline[data-v-0a2f9033]    { background: var(--err);
}
.sb-state[data-v-0a2f9033] {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sb-sub[data-v-0a2f9033] {
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Right: device + gear */
.sb-right[data-v-0a2f9033] {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--ink-3);
  font-size: 12.5px;
  min-width: 0;
}
.sb-device[data-v-0a2f9033] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 240px;
  font-variant-numeric: tabular-nums;
}
.sb-gear[data-v-0a2f9033] {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  border-radius: var(--r-sm);
  color: var(--ink-3);
  cursor: pointer;
  flex-shrink: 0;
}
.sb-gear svg[data-v-0a2f9033] {
  width: 17px;
  height: 17px;
}
.sb-gear[data-v-0a2f9033]:hover {
  color: var(--ink);
  background: rgba(0, 2, 37, 0.05);
}
.sb-gear[data-v-0a2f9033]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ring);
}

/* Detail popover */
.sb-backdrop[data-v-0a2f9033] {
  position: fixed;
  inset: 0;
  bottom: 40px;
  z-index: 1;
}
.popover[data-v-0a2f9033] {
  position: absolute;
  left: 12px;
  bottom: calc(100% + 8px);
  z-index: 2;
  border: 1px solid var(--border);
  background: var(--bg);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-lg);
  width: 270px;
  overflow: hidden;
}
.pop-row[data-v-0a2f9033] {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  font-size: 13px;
  border-bottom: 1px solid var(--border);
}
.pop-row[data-v-0a2f9033]:last-child {
  border-bottom: 0;
}
.pop-row .k[data-v-0a2f9033] {
  color: var(--ink-3);
}
.pop-row .v[data-v-0a2f9033] {
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}
.pop-row .v.ok[data-v-0a2f9033] {
  color: var(--ok);
  font-weight: 600;
}
.popover-fade-enter-active[data-v-0a2f9033],
.popover-fade-leave-active[data-v-0a2f9033] {
  transition: opacity 150ms var(--ease), transform 150ms var(--ease);
}
.popover-fade-enter-from[data-v-0a2f9033],
.popover-fade-leave-to[data-v-0a2f9033] {
  opacity: 0;
  transform: translateY(4px);
}

/* Slide transition */
.statusbar-slide-enter-active[data-v-0a2f9033],
.statusbar-slide-leave-active[data-v-0a2f9033] {
  transition: transform 200ms var(--ease), opacity 200ms var(--ease);
}
.statusbar-slide-enter-from[data-v-0a2f9033],
.statusbar-slide-leave-to[data-v-0a2f9033] {
  transform: translateY(100%);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.statusbar-slide-enter-active[data-v-0a2f9033],
  .statusbar-slide-leave-active[data-v-0a2f9033],
  .popover-fade-enter-active[data-v-0a2f9033],
  .popover-fade-leave-active[data-v-0a2f9033] {
    transition: none !important;
}
}

.disconnect-policy-overlay[data-v-4fdb5615] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.disconnect-policy-content[data-v-4fdb5615] {
  max-width: 80vw;
  padding: 24px 32px;
  color: #ffffff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 600;
  font-size: 50pt;
  line-height: 1.35;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  background: #000000;
  border-radius: .25em;
  overflow: hidden;
}
.disconnect-policy-content img[data-v-4fdb5615] {
  position: absolute;
  width: auto;
  height: 100vh;
  display: block;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.disconnect-policy-text[data-v-4fdb5615] {
  white-space: pre-wrap;
}

.settings-overlay[data-v-8ec5e894] {
  position: fixed;
  inset: 0;
  background: rgba(0, 2, 37, 0.28);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-family: var(--brand);
}
.modal[data-v-8ec5e894] {
  position: relative;
  width: min(680px, 100%);
  max-height: 60vh;
  /* see docs/EXTRACTED_COMMENTS.md#c308 */
  transform: scale(1.5);
  transform-origin: center;
  background: var(--bg);
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.modal.wide[data-v-8ec5e894] {
  width: min(760px, 100%);
}
.modal-head[data-v-8ec5e894] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.modal-head h3[data-v-8ec5e894] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.head-grp[data-v-8ec5e894] {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Segmented mode toggle */
.seg[data-v-8ec5e894] {
  display: inline-flex;
  background: var(--muted);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 3px;
  gap: 3px;
}
.seg button[data-v-8ec5e894] {
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ink-3);
  padding: 5px 13px;
  border-radius: 6px;
  cursor: pointer;
}
.seg button.on[data-v-8ec5e894] {
  background: var(--bg);
  color: var(--ink);
  box-shadow: var(--shadow-sm);
}
.seg button[data-v-8ec5e894]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ring);
}
.seg.sm[data-v-8ec5e894] {
  padding: 2px;
}
.seg.sm button[data-v-8ec5e894] {
  padding: 3px 9px;
  font-size: 11.5px;
}

/* Buttons */
.btn[data-v-8ec5e894] {
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--r-sm);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  padding: 0 16px;
  border: 1px solid transparent;
  transition: background .15s var(--ease), border-color .15s var(--ease);
}
.btn[data-v-8ec5e894]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ring);
}
.btn-primary[data-v-8ec5e894] {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.btn-primary[data-v-8ec5e894]:hover {
  background: var(--primary-700);
}
.btn-outline[data-v-8ec5e894] {
  background: var(--bg);
  color: var(--ink);
  border-color: var(--input);
  box-shadow: var(--shadow-sm);
}
.btn-outline[data-v-8ec5e894]:hover {
  background: var(--muted);
}
.btn-ghost[data-v-8ec5e894] {
  background: transparent;
  color: var(--ink-3);
}
.btn-ghost[data-v-8ec5e894]:hover {
  color: var(--ink);
}
.btn-danger[data-v-8ec5e894] {
  background: var(--bg);
  color: var(--err);
  border-color: rgba(239, 68, 68, .3);
  box-shadow: var(--shadow-sm);
}
.btn-danger[data-v-8ec5e894]:hover {
  background: rgba(239, 68, 68, .06);
}

/* Settings panes */
.panes[data-v-8ec5e894] {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  overflow: auto;
}
.pane[data-v-8ec5e894] {
  padding: 18px 20px;
}
.pane + .pane[data-v-8ec5e894] {
  border-left: 1px solid var(--border);
}
.grp[data-v-8ec5e894] {
  margin-bottom: 16px;
}
.grp[data-v-8ec5e894]:last-child {
  margin-bottom: 0;
}
.grp h4[data-v-8ec5e894] {
  margin: 0 0 7px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-4);
  font-weight: 600;
}
.kv[data-v-8ec5e894] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 13px;
  padding: 3px 0;
}
.kv .k[data-v-8ec5e894] {
  color: var(--ink-3);
  flex-shrink: 0;
}
.kv .v[data-v-8ec5e894] {
  font-variant-numeric: tabular-nums;
  text-align: right;
  color: var(--ink);
  min-width: 0;
}
.kv .v.ok[data-v-8ec5e894] {
  color: var(--ok);
  font-weight: 600;
}
.v-trunc[data-v-8ec5e894] {
  /* see docs/EXTRACTED_COMMENTS.md#c309 */
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.acts[data-v-8ec5e894] {
  display: grid;
  gap: 8px;
}
.acts .lbl[data-v-8ec5e894] {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-4);
  font-weight: 600;
  margin: 0 0 2px;
}
.acts .btn[data-v-8ec5e894] {
  justify-content: flex-start;
}
.btn-ic[data-v-8ec5e894] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.acts .sep[data-v-8ec5e894] {
  height: 1px;
  background: var(--border);
  margin: 8px 0 4px;
}
.hint[data-v-8ec5e894] {
  font-size: 12px;
  color: var(--ink-3);
  margin-top: 4px;
}

/* Diagnostics: health strip */
.diag-health[data-v-8ec5e894] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.hchip[data-v-8ec5e894] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  padding: 5px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--panel);
}
.hchip .d[data-v-8ec5e894] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ok);
  flex-shrink: 0;
}
.hchip .d.ok[data-v-8ec5e894] { background: var(--ok);
}
.hchip .d.warn[data-v-8ec5e894] { background: var(--warn);
}
.hchip .d.err[data-v-8ec5e894] { background: var(--err);
}
.hchip b[data-v-8ec5e894] {
  font-weight: 600;
}

/* Diagnostics: body */
.diag-body[data-v-8ec5e894] {
  overflow: auto;
  padding: 4px 20px 10px;
}
.diag-sec[data-v-8ec5e894] {
  padding: 14px 0;
  border-bottom: 1px solid var(--border);
}
.diag-sec[data-v-8ec5e894]:last-child {
  border-bottom: 0;
}
.diag-sec > h4[data-v-8ec5e894] {
  margin: 0 0 10px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-4);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
.diag-sec > h4 .count[data-v-8ec5e894] {
  color: var(--ink-3);
  font-family: var(--mono);
  text-transform: none;
  letter-spacing: 0;
}
.diag-kv[data-v-8ec5e894] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 28px;
}
.diag-kv .kv[data-v-8ec5e894] {
  padding: 2px 0;
}
.diag-kv .kv .v[data-v-8ec5e894] {
  font-family: var(--mono);
  font-size: 11.5px;
  max-width: 170px;
}

/* Channel table */
.ctable[data-v-8ec5e894] {
  font-size: 12.5px;
}
.ch-filter[data-v-8ec5e894] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.ch-note[data-v-8ec5e894] {
  font-size: 11px;
  color: var(--ink-4);
}
.ctable.scroll[data-v-8ec5e894] {
  max-height: 152px;
  overflow: auto;
}
.ch-row[data-v-8ec5e894] {
  display: grid;
  grid-template-columns: 1.5fr 64px 1fr;
  gap: 14px;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--border);
}
.ch-row[data-v-8ec5e894]:last-child {
  border-bottom: 0;
}
.ch-head[data-v-8ec5e894] {
  color: var(--ink-4);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ch-row .name[data-v-8ec5e894] {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ch-row .rows[data-v-8ec5e894] {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-3);
  text-align: right;
}
.ch-head .rows[data-v-8ec5e894] {
  text-align: right;
}
.cbar[data-v-8ec5e894] {
  height: 4px;
  border-radius: 999px;
  background: var(--border);
  overflow: hidden;
}
.cbar > i[data-v-8ec5e894] {
  display: block;
  height: 100%;
  background: var(--ok);
  border-radius: 999px;
}
.cbar > i.live[data-v-8ec5e894] { background: var(--ok);
}
.cbar > i.syncing[data-v-8ec5e894] { background: var(--warn);
}
.cbar > i.stalled[data-v-8ec5e894] { background: var(--err);
}
.ch-empty[data-v-8ec5e894] {
  font-size: 12px;
  color: var(--ink-4);
  padding: 8px 0;
}
.ch-more[data-v-8ec5e894] {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  border-top: 1px dashed var(--border);
  margin-top: 2px;
  padding: 9px 0 2px;
  font: inherit;
  font-size: 12px;
  color: var(--primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
}
.ch-more[data-v-8ec5e894]:hover {
  color: var(--primary-700);
}
.ch-more .chev[data-v-8ec5e894] {
  width: 13px;
  height: 13px;
}

/* Rules */
.rule-list[data-v-8ec5e894] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 0 20px;
  align-content: start;
}
.rule-list.scroll[data-v-8ec5e894] {
  max-height: 152px;
  overflow: auto;
}
.rule-list .r[data-v-8ec5e894] {
  font-family: var(--mono);
  font-size: 11.5px;
  line-height: 1.2;
  color: var(--ink-2);
  padding: 5px 0;
  border-bottom: 1px solid var(--border);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rule-list .r.off[data-v-8ec5e894] {
  color: var(--ink-4);
  text-decoration: line-through;
}

/* Diagnostics: footer */
.diag-foot[data-v-8ec5e894] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 20px;
  border-top: 1px solid var(--border);
  background: var(--muted);
  flex-shrink: 0;
}
.diag-foot .ts[data-v-8ec5e894] {
  font-size: 12px;
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
}
.foot-grp[data-v-8ec5e894] {
  display: flex;
  gap: 8px;
}
@media (max-width: 720px) {
.panes[data-v-8ec5e894],
  .diag-kv[data-v-8ec5e894] {
    grid-template-columns: 1fr;
}
.pane + .pane[data-v-8ec5e894] {
    border-left: 0;
    border-top: 1px solid var(--border);
}
}

#app {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.display-root {
  width: 100%;
  height: 100%;
  position: relative;
}
.layout-surface {
  width: 100%;
  height: 100%;
  transition: opacity 120ms ease, filter 400ms ease;
}
.reveal-skeleton {
  position: absolute;
  inset: 0;
}
.skeleton-fade-leave-active {
  transition: opacity 120ms ease;
}
.skeleton-fade-leave-to {
  opacity: 0;
}
.layout-loading-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  pointer-events: none;
  z-index: 10;
  background: rgba(245, 245, 247, 0.06);
}
.layout-loading-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, transparent, #3ABEF9 50%, #3ABEF9);
  box-shadow: 0 0 12px rgba(58, 190, 249, 0.45);
  transition: width 700ms cubic-bezier(.2,.7,.2,1);
}
.bar-fade-leave-active {
  transition: opacity 400ms ease;
}
.bar-fade-leave-to {
  opacity: 0;
}


.error-bar[data-v-3661b6c8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #b00020; /* material error */
  color: #ffffff;
  padding: 8px 12px;
  text-align: center;
  font-weight: 600;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.error-text[data-v-3661b6c8] {
  display: inline-block;
  line-height: 1.2;
}

.auth-page[data-v-15ed3bd2] {
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: var(--muted);
  color: var(--ink);
  font-family: var(--ui);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 28px;
}
.auth-brand[data-v-15ed3bd2] {
  position: absolute;
  top: 28px;
  left: 30px;
  width: 130px;
  height: 36px;
  object-fit: contain;
  object-position: left center;
}
.auth-form-wrap[data-v-15ed3bd2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-form[data-v-15ed3bd2] {
  width: 300px;
  display: grid;
  gap: 16px;
}
.auth-form h1[data-v-15ed3bd2] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.auth-sub[data-v-15ed3bd2] {
  margin: -8px 0 6px;
  font-size: 0.8125rem;
  font-weight: 300;
  color: var(--ink-3);
  line-height: 1.5;
}
.field[data-v-15ed3bd2] {
  display: grid;
  gap: 6px;
  text-align: left;
}
.field-lbl[data-v-15ed3bd2] {
  font-size: 12px;
  font-weight: 500;
  color: var(--ink);
}
.field-hint[data-v-15ed3bd2] {
  font-size: 11px;
  font-weight: 300;
  color: var(--ink-4);
}
.field-error[data-v-15ed3bd2] {
  font-size: 11px;
  color: var(--err);
}
.input[data-v-15ed3bd2] {
  height: 36px;
  width: 100%;
  border-radius: var(--r-sm);
  border: 1px solid var(--input);
  background: var(--bg);
  color: var(--ink);
  padding: 0 12px;
  font: inherit;
  font-size: 14px;
  box-shadow: var(--shadow-sm);
  transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.input[data-v-15ed3bd2]::placeholder {
  color: var(--ink-4);
}
.input[data-v-15ed3bd2]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--ring);
}
.btn[data-v-15ed3bd2] {
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--r-sm);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  padding: 0 16px;
  border: 1px solid transparent;
  transition: background .15s var(--ease), border-color .15s var(--ease);
}
.btn svg[data-v-15ed3bd2] {
  width: 16px;
  height: 16px;
}
.btn-primary[data-v-15ed3bd2] {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.btn-primary[data-v-15ed3bd2]:hover:not(:disabled) {
  background: var(--primary-700);
}
.btn-primary[data-v-15ed3bd2]:disabled {
  background: var(--ink-4);
  cursor: not-allowed;
  box-shadow: none;
}
.btn[data-v-15ed3bd2]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ring);
}
.btn-block[data-v-15ed3bd2] {
  width: 100%;
  margin-top: 4px;
}
.auth-meta[data-v-15ed3bd2] {
  font-size: 12px;
  font-weight: 300;
  color: var(--ink-4);
  margin-top: 8px;
}

div[data-v-f2aa43cf] {
    cursor: pointer;
}

div[data-v-1c137f7d] {
  cursor: pointer;
}
button[data-v-1c137f7d]:focus {
  background: var(--v5ab51fd4) !important;
  color: var(--v206533e9) !important;
}
button[data-v-1c137f7d]:disabled {
  background: var(--v22f01d90) !important;
  color: var(--v2ebf9cb6) !important;
}
button[data-v-1c137f7d]:active {
  background: var(--v32274d6a) !important;
  color: var(--v10513d02) !important;
}
button p[data-v-1c137f7d] {
  margin: 0;
  margin-block: 0;
  padding: 0;
  left: 0;
  right: 0;
  top: 0;
  position: relative;
}


.ticker[data-v-25ff4cb3] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ticker__mask[data-v-25ff4cb3] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ticker__track[data-v-25ff4cb3] {
  --ticker-start: 0px;
  display: inline-flex;
  align-items: center;
  will-change: transform;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: var(--ticker-delay, 0s);
}
.ticker__track--start-empty[data-v-25ff4cb3] {
  --ticker-start: var(--container-size, 100%);
}
.ticker__track--horizontal[data-v-25ff4cb3] {
  flex-direction: row;
  animation-name: ticker-left-25ff4cb3;
  animation-duration: var(--ticker-duration, 10s);
}
.ticker__track--vertical[data-v-25ff4cb3] {
  flex-direction: column;
  animation-name: ticker-up-25ff4cb3;
  animation-duration: var(--ticker-duration, 10s);
}
.ticker__group[data-v-25ff4cb3] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--pixels-shift, 0px);
}
.ticker__track--horizontal .ticker__group[data-v-25ff4cb3] {
  margin-right: var(--pixels-shift, 0px);
}
.ticker__track--vertical .ticker__group[data-v-25ff4cb3] {
  margin-bottom: var(--pixels-shift, 0px);
}
.ticker__track--horizontal .ticker__group[data-v-25ff4cb3] {
  flex-direction: row;
}
.ticker__track--vertical .ticker__group[data-v-25ff4cb3] {
  flex-direction: column;
}
.ticker__unit[data-v-25ff4cb3] {
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 2rem;
}
.ticker__track--horizontal .ticker__unit[data-v-25ff4cb3] {
  width: var(--unit-size, auto);
}
.ticker__track--vertical .ticker__unit[data-v-25ff4cb3] {
  height: var(--unit-size, auto);
}
.ticker__html[data-v-25ff4cb3] > * {
  display: inline-block;
  margin-right: 2rem;
}

/* keyframes */
@keyframes ticker-left-25ff4cb3 {
to {
    transform: translateX(calc(-1 * var(--group-size, 0px)));
}
from {
    transform: translateX(var(--ticker-start, 0px));
}
}
@keyframes ticker-up-25ff4cb3 {
to {
    transform: translateY(calc(-1 * var(--group-size, 0px)));
}
from {
    transform: translateY(var(--ticker-start, 0px));
}
}

.plate[data-v-de5794c9] {
  position: absolute;
  border-radius: 50%;
  background: var(--v78545bba);
}
.face[data-v-de5794c9] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.hand[data-v-de5794c9] {
  stroke-linecap: round;
}
.hour-hand[data-v-de5794c9] {
  stroke: var(--fb4d31f4);
}
.minute-hand[data-v-de5794c9] {
  stroke: var(--v557f2f56);
}
.second-hand[data-v-de5794c9] {
  stroke: var(--v09bbbcf6);
}
.hour-marker[data-v-de5794c9] {
  stroke: var(--v6bbdcd9b);
}
.minute-marker[data-v-de5794c9] {
  stroke: var(--v0c92c1eb);
}

input[data-v-8f805c5d]:focus {
  background: var(--v599faf81) !important;
  color: var(--v1f4fc396) !important;
}
input[data-v-8f805c5d]:disabled {
  background: var(--v8063377a) !important;
  color: var(--f5030f50) !important;
}
input[data-v-8f805c5d]:active {
  background: var(--v68483752) !important;
  color: var(--dce80f28) !important;
}

div[data-v-86bc5804] {
  cursor: pointer;
}
button[data-v-86bc5804]:focus {
  background: var(--c15e4784) !important;
  color: var(--v6500f053) !important;
}
button[data-v-86bc5804]:disabled {
  background: var(--v39d3a834) !important;
  color: var(--ae73800a) !important;
}
button[data-v-86bc5804]:active {
  background: var(--v8709c758) !important;
  color: var(--fba99f2e) !important;
}
button p[data-v-86bc5804] {
  margin: 0;
  margin-block: 0;
  padding: 0;
  left: 0;
  right: 0;
  top: 0;
  position: relative;
}