body{--text:207 17 32;--text-high:205 26 18;--bg:51 26 95;--bg-high:75 15 88;--action:160 21 19;--accent:194 38 34;--error:8 66 38;--btn-text:#f5f4ee;--theme-sun:#526d48;--theme-moon:#365f6d;--border-radius:12px;}.theme-dark{--text:204 18 70;--text-high:204 31 94;--bg:214 44 11;--bg-high:208 35 18;--action:90 46 82;--accent:194 42 61;--error:10 78 72;--btn-text:#101b29;--theme-sun:#d1e6bc;--theme-moon:#73b4c6;}@media (prefers-color-scheme: dark){body{--text:204 18 70;--text-high:204 31 94;--bg:214 44 11;--bg-high:208 35 18;--action:90 46 82;--accent:194 42 61;--error:10 78 72;--btn-text:#101b29;--theme-sun:#d1e6bc;--theme-moon:#73b4c6;}.theme-light{--text:207 17 32;--text-high:205 26 18;--bg:51 26 95;--bg-high:75 15 88;--action:160 21 19;--accent:194 38 34;--error:8 66 38;--btn-text:#f5f4ee;--theme-sun:#526d48;--theme-moon:#365f6d;}}
/* Rauthy 0.36.2 authorize page only; leave account/admin and auth behavior intact. */
:root .container.svelte-1fx4r2m {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  width: min(360px, calc(100vw - 32px));
  max-width: none;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 12px 40px hsl(var(--text-high) / .04);
}
:root .container.svelte-1fx4r2m > * { grid-column: 1 / -1; min-width: 0; }
:root .container.svelte-1fx4r2m > .head {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 24px;
}
:root .container.svelte-1fx4r2m > .name {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 24px;
}
:root .container.svelte-1fx4r2m .head .logo {
  width: 40px;
  height: 40px;
  margin: 0;
  flex: 0 0 40px;
}
:root .container.svelte-1fx4r2m .name h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -.3px;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
:root .container.svelte-1fx4r2m:has(.head .home) > .name {
  padding-right: 28px;
}
:root .container.svelte-1fx4r2m .head .home {
  position: absolute;
  top: 32px;
  right: 24px;
  margin: 0;
}
:root .container.svelte-1fx4r2m form > div > div[style*="width:"] {
  width: 100% !important;
}
:root .container.svelte-1fx4r2m input { box-sizing: border-box; }
:root .container.svelte-1fx4r2m .btn { margin-top: 12px; }
@media (max-width: 359px) {
  :root .container.svelte-1fx4r2m { padding: 20px; }
  :root .container.svelte-1fx4r2m .name h2 { font-size: 16px; }
  :root .container.svelte-1fx4r2m .head .home { top: 28px; right: 20px; }
}