.v8-entry {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  overflow: clip;
  background: var(--v8-canvas);
  color: var(--v8-text);
}
.v8-entry::after {
  position: absolute;
  inset: calc(64px + env(safe-area-inset-top)) 0 calc(54px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--v8-surface-glint);
  border-bottom: 1px solid var(--v8-surface-glint);
  box-shadow: inset 0 80px 120px -120px var(--v8-accent-line);
  content: "";
  pointer-events: none;
}
.v8-entry--login {
  --v8-interaction-hover-transform: translate3d(0, -2px, 0) scale(1.008);
  --v8-login-pointer-x: 50vw;
  --v8-login-pointer-y: 46vh;
  --v8-login-primary: color-mix(in srgb, var(--v8-brand) 90%, var(--v8-info));
  --v8-login-primary-hover: color-mix(in srgb, var(--v8-brand) 84%, var(--v8-text));
  --v8-login-primary-pressed: color-mix(in srgb, var(--v8-brand) 82%, var(--v8-surface-3));
  --v8-login-glow: color-mix(in srgb, var(--v8-brand) 24%, transparent);
  --v8-login-ring: color-mix(in srgb, var(--v8-brand) 18%, transparent);
}
.v8-entry__frame {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: calc(64px + env(safe-area-inset-top)) minmax(0, 1fr) calc(54px + env(safe-area-inset-bottom));
}
.v8-entry__signal-field {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.v8-entry__signal-field span {
  position: absolute;
  left: 50%;
  width: 170vmax;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--v8-accent) 8%, transparent) 15%, color-mix(in srgb, var(--v8-accent) 23%, transparent) 50%, color-mix(in srgb, var(--v8-accent) 8%, transparent) 85%, transparent);
  transform: translate3d(-50%, 0, 0) rotate(-9deg);
  transform-origin: center;
}
.v8-entry__signal-field span:nth-child(1) { top: 24%; }
.v8-entry__signal-field span:nth-child(2) { top: 50%; opacity: 0.55; }
.v8-entry__signal-field span:nth-child(3) { top: 76%; opacity: 0.3; }
.v8-entry--login .v8-entry__signal-field::before {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(240px, 28vw, 360px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--v8-brand) 5%, transparent), transparent 69%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translate3d(calc(var(--v8-login-pointer-x) - 50%), calc(var(--v8-login-pointer-y) - 50%), 0);
  transition: opacity var(--v8-motion-slow) var(--v8-ease-standard);
  will-change: auto;
}
.v8-entry--login[data-pointer-halo="ready"] .v8-entry__signal-field::before { opacity: 0.42; will-change: transform; }
.v8-entry__particles { position: absolute; inset: 72px 0 56px; }
.v8-entry__particle { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: color-mix(in srgb, var(--v8-text) 62%, var(--v8-brand)); box-shadow: 0 0 7px color-mix(in srgb, var(--v8-brand) 38%, transparent); opacity: 0.12; pointer-events: none; }
.v8-entry__particle:nth-child(1) { top: 18%; left: 13%; --v8-particle-x: 18px; --v8-particle-y: -12px; --v8-particle-duration: 44s; --v8-particle-delay: -9s; }
.v8-entry__particle:nth-child(2) { top: 15%; left: 81%; --v8-particle-x: -14px; --v8-particle-y: 18px; --v8-particle-duration: 52s; --v8-particle-delay: -31s; }
.v8-entry__particle:nth-child(3) { top: 74%; left: 69%; width: 3px; height: 3px; --v8-particle-x: 12px; --v8-particle-y: -20px; --v8-particle-duration: 48s; --v8-particle-delay: -17s; }
.v8-entry__particle:nth-child(4) { top: 82%; left: 22%; --v8-particle-x: -16px; --v8-particle-y: -10px; --v8-particle-duration: 56s; --v8-particle-delay: -38s; }
.v8-entry__topbar,
.v8-entry__footer {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding-right: max(var(--v8-space-6), env(safe-area-inset-right));
  padding-left: max(var(--v8-space-6), env(safe-area-inset-left));
}
.v8-entry__topbar { padding-top: env(safe-area-inset-top); }
.v8-entry__footer { padding-bottom: env(safe-area-inset-bottom); }
.v8-entry__topbar {
  border-bottom: 1px solid var(--v8-divider);
  background: color-mix(in srgb, var(--v8-canvas) 86%, transparent);
  box-shadow: inset 0 -1px 0 var(--v8-surface-glint);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
}
.v8-entry__brand,
.v8-entry__utilities,
.v8-entry__privacy,
.v8-entry__telemetry,
.v8-entry__telemetry-item {
  display: flex;
  min-width: 0;
  align-items: center;
}
.v8-entry__brand { gap: var(--v8-space-2); }
.v8-entry__utilities { gap: var(--v8-space-4); }
.v8-entry__mark { display:flex;width:36px;height:36px;flex:0 0 auto;filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--v8-brand) 18%,transparent)); }
.v8-entry__mark svg { display:block;width:100%;height:100%; }
.v8-entry__wordmark { font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold);letter-spacing:0;text-shadow:0 0 24px color-mix(in srgb,var(--v8-brand) 20%,transparent); }
.v8-entry__privacy {
  gap: 7px;
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
}
.v8-entry__privacy svg,
.v8-entry__telemetry-item svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
  stroke-width: 1.8;
}
.v8-entry__locale {
  height: var(--v8-control-sm);
  padding: 0 28px 0 var(--v8-space-3);
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-sm);
  background: var(--v8-surface-1);
  color: var(--v8-text-secondary);
  cursor: pointer;
  font-size: var(--v8-font-xs);
  outline: none;
}
.v8-entry__locale:hover { border-color: var(--v8-border-strong); color: var(--v8-text); }
.v8-entry__locale:focus-visible { border-color: var(--v8-accent); box-shadow: var(--v8-shadow-focus); }
.v8-entry__main {
  display: grid;
  min-width: 0;
  min-height: 0;
  align-content: center;
  justify-items: center;
  gap: var(--v8-space-7);
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--v8-space-7) var(--v8-space-5);
  overscroll-behavior: contain;
  scrollbar-gutter: stable both-edges;
}
.v8-entry__intro {
  position: relative;
  display: grid;
  isolation: isolate;
  max-inline-size: min(100%, var(--v8-measure-copy));
  justify-items: center;
  gap: 6px;
  text-align: center;
  animation: v8-entry-arrive var(--v8-motion-slow) var(--v8-ease-out) both;
}
.v8-entry__intro::before { position:absolute;z-index:-1;top:50%;left:50%;width:min(520px,92vw);height:180px;background:radial-gradient(ellipse,var(--v8-light-brand),transparent 68%);content:"";transform:translate3d(-50%,-50%,0); }
.v8-entry__monogram { display:none; }
.v8-entry__eyebrow {
  color: var(--v8-accent);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-semibold);
  letter-spacing: 0;
}
.v8-entry__title {
  max-inline-size: var(--v8-measure-hero);
  font-size: var(--v8-type-hero);
  font-weight: var(--v8-weight-bold);
  letter-spacing: 0;
  line-height: var(--v8-leading-hero);
  text-shadow: 0 0 30px color-mix(in srgb, var(--v8-brand) 10%, transparent), 0 0 80px color-mix(in srgb, var(--v8-brand) 5%, transparent);
}
.v8-entry__brand-line {
  max-inline-size: var(--v8-measure-compact);
  color: color-mix(in srgb, var(--v8-text-secondary) 90%, var(--v8-brand));
  font-size: var(--v8-type-card-title);
  font-weight: var(--v8-weight-medium);
  line-height: var(--v8-line-relaxed);
  text-wrap: balance;
}
.v8-entry__capabilities {
  display: grid;
  width: min(100%, 380px);
  margin: var(--v8-space-5) 0 0;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--v8-space-2);
  list-style: none;
}
.v8-entry__capability {
  display: flex;
  min-width: 0;
  min-height: 40px;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--v8-border) 82%, transparent);
  border-radius: var(--v8-radius-sm);
  background: linear-gradient(145deg, color-mix(in srgb, var(--v8-surface-2) 38%, transparent), color-mix(in srgb, var(--v8-surface-1) 22%, transparent));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 3%, transparent);
  color: var(--v8-text-secondary);
  transition: border-color var(--v8-motion-fast) var(--v8-ease-standard), background-color var(--v8-motion-fast) var(--v8-ease-standard), box-shadow var(--v8-motion-base) var(--v8-ease-standard), color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-base) var(--v8-ease-spring);
}
.v8-entry__capability-icon {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--v8-brand-line) 58%, var(--v8-border));
  border-radius: var(--v8-radius-xs);
  background: color-mix(in srgb, var(--v8-brand) 8%, transparent);
  color: color-mix(in srgb, var(--v8-accent) 82%, var(--v8-text-secondary));
}
.v8-entry__capability-icon svg { width: var(--v8-icon-xs); height: var(--v8-icon-xs); stroke-width: 1.8; }
.v8-entry__capability-label { min-width: 0; overflow: hidden; font-size: var(--v8-font-xs); font-weight: var(--v8-weight-medium); text-overflow: ellipsis; white-space: nowrap; }
.v8-auth-shell {
  position: relative;
  isolation: isolate;
  width: min(100%, 480px);
}
.v8-auth-shell::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: var(--v8-radius-lg);
  background: radial-gradient(ellipse at 54% 48%, color-mix(in srgb, var(--v8-brand) 24%, transparent), color-mix(in srgb, var(--v8-brand) 8%, transparent) 48%, transparent 76%);
  content: "";
  filter: blur(30px);
  opacity: 0.58;
  pointer-events: none;
}
.v8-auth {
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  padding: var(--v8-space-5);
  border-color: color-mix(in srgb, var(--v8-border-highlight) 76%, var(--v8-brand-line));
  background: linear-gradient(155deg, color-mix(in srgb, var(--v8-surface-2) 66%, transparent), color-mix(in srgb, var(--v8-surface-1) 84%, transparent));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 8%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--v8-canvas) 72%, transparent), inset 0 0 32px color-mix(in srgb, var(--v8-brand) 2.5%, transparent), 0 42px 110px -30px rgba(0, 0, 0, 0.82), 0 18px 46px rgba(0, 0, 0, 0.42), 0 0 64px -20px var(--v8-login-glow);
  -webkit-backdrop-filter: blur(calc(var(--v8-blur) + 4px)) saturate(calc(var(--v8-saturate) + 8%));
  backdrop-filter: blur(calc(var(--v8-blur) + 4px)) saturate(calc(var(--v8-saturate) + 8%));
  animation: v8-entry-arrive var(--v8-motion-slow) var(--v8-ease-out) both;
  transition: border-color var(--v8-motion-base) var(--v8-ease-standard), box-shadow var(--v8-motion-slow) var(--v8-ease-standard), transform var(--v8-motion-slow) var(--v8-ease-window);
}
.v8-auth::before {
  position: absolute;
  top: 0;
  left: var(--v8-space-5);
  width: 72px;
  height: 2px;
  border-radius: 0 0 var(--v8-radius-pill) var(--v8-radius-pill);
  background: linear-gradient(90deg, var(--v8-brand), var(--v8-accent));
  box-shadow: 0 0 20px color-mix(in srgb, var(--v8-brand) 36%, transparent);
  content: "";
}
.v8-auth::after {
  position: absolute;
  inset: 1px 1px auto;
  height: 46%;
  border-radius: calc(var(--v8-radius-md) - 1px) calc(var(--v8-radius-md) - 1px) 45% 45%;
  background: linear-gradient(118deg, transparent 8%, color-mix(in srgb, var(--v8-text) 4.5%, transparent) 29%, transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--v8-text) 2.5%, transparent), transparent 68%);
  content: "";
  opacity: 0.72;
  pointer-events: none;
}
.v8-auth > * { position: relative; z-index: 1; }
.v8-auth:focus-within { border-color: color-mix(in srgb, var(--v8-brand-line) 84%, var(--v8-border-highlight)); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 9%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--v8-canvas) 72%, transparent), inset 0 0 34px color-mix(in srgb, var(--v8-brand) 3%, transparent), 0 46px 116px -30px rgba(0, 0, 0, 0.84), 0 20px 50px rgba(0, 0, 0, 0.44), 0 0 72px -20px var(--v8-login-glow); transform: translate3d(0, -1px, 0); }
.v8-auth__header {
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: space-between;
  gap: var(--v8-space-4);
  margin-bottom: var(--v8-space-4);
}
.v8-auth__status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-xs);
}
.v8-auth__status-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--v8-radius-pill);
  background: var(--v8-success);
  box-shadow: 0 0 10px var(--v8-success-glow);
}
.v8-auth__subtitle {
  min-width: 0;
  overflow: hidden;
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-auth__tabs {
  position: relative;
  display: grid;
  isolation: isolate;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  overflow: hidden;
  padding: 3px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-sunken);
}
.v8-auth__tabs::before {
  position: absolute;
  z-index: 0;
  top: 3px;
  left: 3px;
  width: calc(50% - 4.5px);
  height: calc(100% - 6px);
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-sm);
  background: linear-gradient(180deg, var(--v8-surface-3), var(--v8-surface-2));
  box-shadow: inset 0 1px 0 var(--v8-surface-glint), var(--v8-shadow-key);
  content: "";
  transition: transform var(--v8-motion-base) var(--v8-ease-window);
}
.v8-auth[data-auth-mode="register"] .v8-auth__tabs::before { transform: translate3d(calc(100% + 3px), 0, 0); }
.v8-auth__tab {
  position: relative;
  z-index: 1;
  min-width: 0;
  height: var(--v8-control-md);
  border: 1px solid transparent;
  border-radius: var(--v8-radius-sm);
  background: transparent;
  color: var(--v8-muted);
  cursor: pointer;
  font-size: var(--v8-font-sm);
  font-weight: var(--v8-weight-medium);
  outline: none;
  transition:
    color var(--v8-motion-fast) var(--v8-ease-standard),
    background-color var(--v8-motion-fast) var(--v8-ease-standard),
    border-color var(--v8-motion-fast) var(--v8-ease-standard),
    transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-auth__tab:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-auth__tab.is-active {
  border-color: transparent;
  background: transparent;
  color: var(--v8-text);
  box-shadow: none;
}
.v8-auth__feedback {
  display: flex;
  min-height: 32px;
  align-items: center;
  margin: var(--v8-space-2) 0;
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
  line-height: var(--v8-line-base);
}
.v8-auth__feedback[data-type="error"] { color: var(--v8-danger); }
.v8-auth__feedback[data-type="success"] { color: var(--v8-success); }
.v8-auth__feedback:not(:empty),
.v8-auth .v8-form-field__message:not(:empty) { animation: v8-auth-message-in var(--v8-motion-base) var(--v8-ease-out) both; }
.v8-auth__forms { position: relative; display: block; min-height: 316px; overflow: hidden; transition: min-height var(--v8-motion-slow) var(--v8-ease-window); }
.v8-auth[data-auth-mode="register"] .v8-auth__forms { min-height: 436px; }
.v8-auth__form { position: relative; display: grid; width: 100%; align-content: start; gap: var(--v8-space-3); opacity: 1; transform: translate3d(0, 0, 0) scale(1); visibility: visible; transition: opacity var(--v8-motion-fast) var(--v8-ease-out), transform var(--v8-motion-base) var(--v8-ease-window), visibility 0s; }
.v8-auth__form[aria-hidden="true"] { position: absolute; inset: 0; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity var(--v8-motion-fast) var(--v8-ease-out), transform var(--v8-motion-base) var(--v8-ease-window), visibility 0s var(--v8-motion-base); }
.v8-auth[data-auth-mode="login"] #v8-register-form[aria-hidden="true"] { transform: translate3d(14px, 0, 0) scale(0.99); }
.v8-auth[data-auth-mode="register"] #v8-login-form[aria-hidden="true"] { transform: translate3d(-14px, 0, 0) scale(0.99); }
.v8-auth__form > * { transition: opacity var(--v8-motion-fast) var(--v8-ease-out), transform var(--v8-motion-base) var(--v8-ease-window); }
.v8-auth__form[aria-hidden="true"] > * { opacity: 0; transform: translate3d(0, 4px, 0); }
.v8-auth__form[hidden] { display: none; }
.v8-auth--recovery .v8-auth__form { gap: var(--v8-space-4); }
.v8-auth__recovery-copy { margin: 0; color: var(--v8-muted); font-size: var(--v8-font-xs); line-height: var(--v8-line-base); }
.v8-field {
  display: grid;
  gap: 0;
  min-width: 0;
}
.v8-field > .v8-field__label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  overflow: visible;
  margin-bottom: var(--v8-form-label-gap);
  padding-inline: 2px;
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-medium);
  line-height: var(--v8-leading-caption);
  transition: color var(--v8-motion-fast) var(--v8-ease-standard);
}
.v8-auth__label-text { min-width: 0; overflow-wrap: anywhere; }
.v8-auth .v8-form-field__required { flex: 0 0 auto; }
.v8-field:focus-within > .v8-field__label { color: var(--v8-brand); }
.v8-auth .v8-form-field__control { min-height: var(--v8-control-lg); background: color-mix(in srgb, var(--v8-surface-sunken) 90%, transparent); }
.v8-auth__input { height: calc(var(--v8-control-lg) - 2px); caret-color: var(--v8-brand); }
html[data-v8-interactions] .v8-entry--login .v8-form-field:not([data-field-state="disabled"]) .v8-form-field__control:hover { border-color: color-mix(in srgb, var(--v8-border-strong) 78%, var(--v8-brand-line)); }
.v8-entry--login .v8-form-field:focus-within .v8-form-field__control { border-color: color-mix(in srgb, var(--v8-brand) 76%, var(--v8-border-highlight)); background: color-mix(in srgb, var(--v8-surface-1) 86%, transparent); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 3%, transparent), 0 0 0 3px var(--v8-login-ring), 0 14px 34px -20px var(--v8-login-glow); }
.v8-auth__input:-webkit-autofill,
.v8-auth__input:-webkit-autofill:hover,
.v8-auth__input:-webkit-autofill:focus {
  border-color: var(--v8-accent-line);
  -webkit-box-shadow: 0 0 0 1000px var(--v8-surface-sunken) inset;
  -webkit-text-fill-color: var(--v8-text);
  caret-color: var(--v8-text);
}
.v8-auth__password { position: relative; display: block; }
.v8-auth__password .v8-input { padding-right: 48px; }
.v8-auth__password-toggle {
  position: absolute;
  top: calc((100% - 38px) / 2);
  right: 3px;
  width: 38px;
  height: 38px;
  border-color: transparent;
  color: var(--v8-text-secondary);
}
.v8-auth__password-toggle[aria-pressed="true"] { border-color: var(--v8-brand-line); background: var(--v8-accent-soft); color: var(--v8-accent); }
.v8-auth__form-row {
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: space-between;
  gap: var(--v8-space-3);
}
.v8-auth__remember {
  display: inline-grid;
  min-width: 0;
  min-height: 44px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 4px 7px 4px 3px;
  border-radius: var(--v8-radius-sm);
  color: var(--v8-text-secondary);
  cursor: pointer;
  font-size: var(--v8-font-xs);
  transition: background-color var(--v8-motion-fast) var(--v8-ease-standard), color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-base) var(--v8-ease-spring);
}
.v8-auth__remember-control { width: 20px; height: 20px; margin: 0; border-radius: 6px; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 5%, transparent), 0 5px 14px -10px var(--v8-login-glow); }
.v8-auth__remember-control:checked { box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 24%, transparent), 0 0 0 3px color-mix(in srgb, var(--v8-brand) 11%, transparent), 0 7px 18px -10px var(--v8-login-glow); }
.v8-auth__remember-copy { display: grid; min-width: 0; gap: 1px; }
.v8-auth__remember-title { overflow: hidden; color: var(--v8-text-secondary); font-weight: var(--v8-weight-medium); line-height: var(--v8-line-base); text-overflow: ellipsis; white-space: nowrap; }
.v8-auth__remember-detail { overflow: hidden; color: var(--v8-muted); font-size: var(--v8-font-micro); line-height: 14px; text-overflow: ellipsis; white-space: nowrap; }
.v8-auth__remember-control:disabled + .v8-auth__remember-copy { opacity: 0.62; }
.v8-auth__form[aria-busy="true"] .v8-auth__remember { cursor: progress; pointer-events: none; }
.v8-auth__form[aria-busy="true"] .v8-auth__remember-control::after { width: 9px; height: 9px; border: 1.5px solid currentColor; border-top-color: transparent; border-radius: 50%; opacity: 1; transform: none; animation: v8-spin 480ms var(--v8-physics-orbit) 2; }
.v8-auth__text-action {
  padding: 4px 0;
  background: transparent;
  color: var(--v8-text-secondary);
  cursor: pointer;
  font-size: var(--v8-font-xs);
  outline: none;
}
.v8-auth__text-action:focus-visible { border-radius: var(--v8-radius-xs); box-shadow: var(--v8-shadow-focus); }
.v8-auth__submit { width: 100%; height: var(--v8-control-lg); margin-top: var(--v8-space-1); overflow: hidden; }
.v8-entry--login .v8-auth__submit.v8-button--primary { border-color: color-mix(in srgb, var(--v8-brand) 54%, var(--v8-border-highlight)); background: linear-gradient(135deg, var(--v8-login-primary), color-mix(in srgb, var(--v8-login-primary) 88%, var(--v8-info))); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 22%, transparent), 0 12px 30px -12px var(--v8-login-glow), 0 4px 12px rgba(0, 0, 0, 0.28); color: var(--v8-canvas); }
.v8-entry--login .v8-auth__submit.v8-button--primary::before { position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--v8-text) 12%, transparent), transparent 48%); content: ""; opacity: 0.58; pointer-events: none; }
.v8-entry--login .v8-auth__submit.v8-button--primary > * { position: relative; z-index: 1; }
.v8-entry--login .v8-auth__submit.v8-button--primary:focus-visible { border-color: var(--v8-brand); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 24%, transparent), 0 0 0 3px var(--v8-login-ring), 0 16px 38px -14px var(--v8-login-glow); outline-color: var(--v8-brand); }
.v8-auth__strength {
  display: grid;
  min-height: 16px;
  grid-template-columns: repeat(4, 1fr) auto;
  align-items: center;
  gap: 5px;
}
.v8-auth__strength > span:not(.v8-auth__strength-label) {
  height: 2px;
  border-radius: var(--v8-radius-pill);
  background: var(--v8-border-strong);
  transition: background-color var(--v8-motion-fast) var(--v8-ease-standard);
}
.v8-auth__strength[data-score="1"] > span:nth-child(-n+1),
.v8-auth__strength[data-score="2"] > span:nth-child(-n+2) { background: var(--v8-warning); }
.v8-auth__strength[data-score="3"] > span:nth-child(-n+3),
.v8-auth__strength[data-score="4"] > span:nth-child(-n+4) { background: var(--v8-success); }
.v8-auth__strength-label {
  min-width: 38px;
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
  text-align: right;
}
.v8-auth__divider {
  display: flex;
  align-items: center;
  gap: var(--v8-space-3);
  margin: var(--v8-space-2) 0 var(--v8-space-3);
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
}
.v8-auth__divider::before,
.v8-auth__divider::after { height: 1px; flex: 1; background: var(--v8-divider); content: ""; }
.v8-auth__oauth,
.v8-auth__security { display: grid; grid-template-columns: 1fr 1fr; gap: var(--v8-space-2); }
.v8-auth__security { grid-template-columns: 1fr; }
.v8-auth__hint { color: var(--v8-muted); font-size: var(--v8-font-2xs); text-align: center; }
.v8-auth__otp { display: grid; grid-template-columns: 1fr auto; gap: var(--v8-space-2); align-items: center; }
.v8-auth__otp--hidden { display: none; }
.v8-auth__otp-input { width: 100%; height: var(--v8-control-lg); padding: 0 var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-sunken); color: var(--v8-text); text-align: center; letter-spacing: 0.2em; }
.v8-auth__verify-button { height: var(--v8-control-lg); }
.v8-auth__oauth-button { width: 100%; height: var(--v8-control-lg); overflow: hidden; border-color: color-mix(in srgb, var(--v8-border) 88%, var(--v8-brand-line)); background: var(--v8-reflection-card), color-mix(in srgb, var(--v8-surface-sunken) 90%, transparent); box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 8px 22px -18px rgba(0, 0, 0, 0.72); transition: border-color var(--v8-motion-fast) var(--v8-ease-standard), background-color var(--v8-motion-fast) var(--v8-ease-standard), box-shadow var(--v8-motion-base) var(--v8-ease-standard), color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-base) var(--v8-ease-spring); }
.v8-auth__oauth-button svg { width: 20px; height: 20px; stroke-width: 1.85; }
.v8-auth__oauth-button:focus-visible { border-color: var(--v8-brand-line); box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 0 0 3px var(--v8-login-ring), 0 12px 28px -18px var(--v8-login-glow); outline-color: var(--v8-brand); }
@media (hover: hover) and (pointer: fine) {
  html[data-v8-interactions] .v8-entry__capability:hover { border-color: color-mix(in srgb, var(--v8-brand-line) 52%, var(--v8-border-strong)); background: linear-gradient(145deg, color-mix(in srgb, var(--v8-surface-2) 54%, transparent), color-mix(in srgb, var(--v8-brand) 4%, var(--v8-surface-1))); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v8-text) 5%, transparent), 0 12px 28px -22px var(--v8-login-glow); color: var(--v8-text); transform: translate3d(0, -1px, 0); }
  html[data-v8-interactions] .v8-auth__remember:hover { background: color-mix(in srgb, var(--v8-surface-2) 52%, transparent); color: var(--v8-text); }
  html[data-v8-interactions] .v8-auth__password-toggle:hover { border-color: color-mix(in srgb, var(--v8-brand-line) 46%, var(--v8-border)); background: var(--v8-accent-soft); color: var(--v8-accent); }
  html[data-v8-interactions] .v8-auth__text-action:hover { color: var(--v8-accent); }
  html[data-v8-interactions] .v8-entry--login .v8-auth__submit.v8-button--primary:hover { border-color: color-mix(in srgb, var(--v8-brand) 70%, var(--v8-border-highlight)); background: linear-gradient(135deg, var(--v8-login-primary-hover), color-mix(in srgb, var(--v8-login-primary-hover) 88%, var(--v8-info))); }
  html[data-v8-interactions] .v8-entry--login .v8-auth__oauth-button:hover { border-color: color-mix(in srgb, var(--v8-brand-line) 56%, var(--v8-border-strong)); background: var(--v8-reflection-card), color-mix(in srgb, var(--v8-surface-2) 82%, transparent); box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 14px 30px -20px var(--v8-login-glow); color: var(--v8-text); }
}
.v8-entry--login .v8-auth__submit.v8-button--primary:active { background: linear-gradient(135deg, var(--v8-login-primary-pressed), color-mix(in srgb, var(--v8-login-primary-pressed) 90%, var(--v8-info))); }
.v8-auth__recovery.v8-empty-state--inline {
  min-height: 0;
  grid-template-columns: 44px minmax(0, 1fr);
  place-items: center start;
  gap: var(--v8-space-3);
  margin-top: var(--v8-space-3);
  padding: var(--v8-space-3);
}
.v8-auth__recovery .v8-empty-state__visual { width: 44px; height: 44px; }
.v8-auth__recovery .v8-empty-state__glyph { width: 30px; height: 30px; }
.v8-auth__recovery .v8-empty-state__copy { gap: 2px; }
.v8-auth__recovery h2 { font-size: var(--v8-font-sm); }
.v8-auth__recovery p { font-size: var(--v8-font-xs); line-height: var(--v8-line-base); }
.v8-auth__recovery .v8-empty-state__actions { width: 100%; grid-column: 2; justify-content: flex-start; }
.v8-auth__recovery .v8-button { min-height: 36px; }
.v8-auth__recovery[hidden] { display: none; }
.v8-entry__footer {
  border-top: 1px solid var(--v8-divider);
  background: color-mix(in srgb, var(--v8-canvas) 88%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
}
.v8-entry__telemetry { gap: var(--v8-space-5); }
.v8-entry__telemetry-item { gap: 6px; }
.v8-entry__telemetry-item strong { color: var(--v8-text-secondary); font-weight: var(--v8-weight-medium); }
.v8-entry__preview { color: var(--v8-accent); }
@keyframes v8-entry-arrive {
  from { opacity: 0; transform: translate3d(0, 8px, 0) scale(0.99); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes v8-auth-message-in {
  from { opacity: 0; transform: translate3d(0, 3px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (min-width: 900px) {
  .v8-entry--login .v8-entry__main {
    width: min(100%, 1120px);
    margin: 0 auto;
    grid-template-columns: minmax(300px, 1fr) minmax(420px, 480px);
    align-items: center;
    justify-items: stretch;
    gap: clamp(48px, 8vw, 112px);
  }
  .v8-entry--login .v8-entry__intro {
    position: relative;
    z-index: 1;
    align-self: center;
    justify-items: start;
    text-align: left;
  }
  .v8-entry--login .v8-entry__monogram { position:absolute;z-index:-1;top:50%;right:-12px;display:block;background:linear-gradient(145deg,color-mix(in srgb,var(--v8-text) 18%,var(--v8-brand)),color-mix(in srgb,var(--v8-brand) 48%,transparent) 48%,color-mix(in srgb,var(--v8-accent) 18%,transparent));background-clip:text;-webkit-background-clip:text;filter:blur(.22px);font-size:var(--v8-brand-glyph-hero);opacity:.42;text-shadow:0 0 28px color-mix(in srgb,var(--v8-brand) 24%,transparent),0 0 86px color-mix(in srgb,var(--v8-brand) 12%,transparent),0 30px 90px rgb(0 0 0/.4);translate:0 -50%; }
  .v8-entry--login .v8-entry__brand-line {
    max-width: 340px;
    margin-top: var(--v8-space-3);
  }
}
@media (max-height: 780px) and (min-width: 821px) {
  .v8-entry__main { gap: var(--v8-space-4); padding-block: var(--v8-space-4); }
  .v8-entry--login .v8-entry__main { align-content: start; align-items: start; }
  .v8-entry__brand-line { font-size: var(--v8-font-md); }
  .v8-entry__capabilities { margin-top: var(--v8-space-3); gap: 6px; }
  .v8-entry__capability { min-height: 34px; padding: 4px 8px; }
  .v8-auth { padding: var(--v8-space-4); }
  .v8-auth__header { margin-bottom: var(--v8-space-2); }
  .v8-auth__feedback { min-height: 26px; margin-block: 4px; }
  .v8-auth__divider { margin-block: 4px var(--v8-space-2); }
}
@media (max-width: 899px) { .v8-entry__capabilities { display: none; } }
@media (max-width: 820px) {
  .v8-entry :where(button,[role="button"],[role="menuitem"],input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) { min-height:var(--v8-touch-target); }
  .v8-entry :where(.v8-icon-button,.v8-profile-card__menu,.v8-profile-dialog__accent-choice) { min-width:var(--v8-touch-target);min-height:var(--v8-touch-target); }
  .v8-entry :where(input,textarea,select) { scroll-margin-block:72px; }
  .v8-entry__particles,
  .v8-entry--login .v8-entry__signal-field::before { display: none; }
  .v8-entry::after { inset: calc(58px + env(safe-area-inset-top)) 0 calc(44px + env(safe-area-inset-bottom)); }
  .v8-entry__frame { grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) calc(44px + env(safe-area-inset-bottom)); }
  .v8-entry__topbar,
  .v8-entry__footer {
    padding-right: max(var(--v8-space-4), env(safe-area-inset-right));
    padding-left: max(var(--v8-space-4), env(safe-area-inset-left));
  }
  .v8-entry__privacy,
  .v8-entry__telemetry-item span { display: none; }
  .v8-entry__main { align-content: start; gap: var(--v8-space-5); padding: var(--v8-space-6) var(--v8-space-4); }
  .v8-entry__intro { gap: 4px; }
  .v8-entry__brand-line { font-size: var(--v8-font-md); }
  .v8-auth { padding: var(--v8-space-4); }
  .v8-auth__tab { height: var(--v8-control-lg); }
  .v8-auth__header { align-items: flex-start; flex-direction: column; gap: 3px; }
  .v8-auth__subtitle { max-width: 100%; white-space: normal; }
  .v8-auth__password-toggle { width: 44px; height: 44px; }
  .v8-auth__remember,
  .v8-auth__text-action { min-height: 44px; }
  .v8-auth__oauth { grid-template-columns: 1fr; }
  .v8-entry__telemetry { gap: var(--v8-space-3); }
}
@media (max-width: 420px) {
  .v8-entry__wordmark { display: none; }
  .v8-entry__utilities { gap: var(--v8-space-2); }
  .v8-entry__main { padding-inline: var(--v8-space-3); }
  .v8-entry__preview { display: none; }
  .v8-entry__telemetry { width: 100%; justify-content: space-between; gap: var(--v8-space-2); }
  .v8-auth__form-row { align-items: flex-start; flex-direction: column; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .v8-entry--login .v8-entry__signal-field::before { display: none; transition: none; }
  .v8-entry__intro,
  .v8-auth,
  .v8-auth__form { animation: none; transition: none; }
  .v8-auth__tab,
  .v8-auth__tabs::before,
  .v8-auth__input,
  .v8-field__label,
  .v8-auth__strength > span,
  .v8-entry__capability,
  .v8-auth__remember { transition-duration: 1ms; }
  .v8-auth__feedback:not(:empty),
  .v8-auth .v8-form-field__message:not(:empty),
  .v8-auth__form[aria-busy="true"] .v8-auth__remember-control::after { animation: none; }
}
.v8-entry--profiles .v8-entry__signal-field { opacity: 0.58; }
.v8-profile-select__frame { grid-template-rows: calc(64px + env(safe-area-inset-top)) minmax(0, 1fr) calc(68px + env(safe-area-inset-bottom)); }
.v8-entry--profiles::after { bottom: calc(68px + env(safe-area-inset-bottom)); }
.v8-profile-select__main {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: stretch;
  justify-items: center;
  gap: var(--v8-space-4);
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--v8-space-5) var(--v8-space-7);
  overscroll-behavior: contain;
  scrollbar-gutter: stable both-edges;
}
.v8-profile-select__intro {
  display: flex;
  width: min(100%, 1220px);
  align-items: end;
  justify-content: space-between;
  gap: var(--v8-space-7);
}
.v8-profile-select__intro > div { display: grid; gap: 5px; }
.v8-profile-select__intro h1 { max-inline-size: var(--v8-measure-title); font-size: var(--v8-type-h1); font-weight: var(--v8-weight-bold); line-height: var(--v8-leading-heading); }
.v8-profile-select__intro > p { max-width: 410px; color: var(--v8-text-secondary); font-size: var(--v8-font-sm); line-height: var(--v8-line-relaxed); text-align: right; }
.v8-profile-select__workspace {
  display: grid;
  width: min(100%, 1220px);
  min-height: 0;
  height: auto;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.82fr);
  align-items: stretch;
  justify-self: center;
  gap: var(--v8-space-4);
}
.v8-profile-select__workspace[hidden],
.v8-profile-empty[hidden],
.v8-profile-menu[hidden],
.v8-profile-dialog-layer[hidden] { display: none; }
.v8-profile-preview {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto minmax(0, 1fr);
  align-items: stretch;
  gap: var(--v8-space-4);
  overflow: hidden;
  padding: var(--v8-space-5);
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-md);
  background: var(--v8-reflection-hero), color-mix(in srgb, var(--v8-surface-1) 90%, transparent);
  box-shadow: var(--v8-shadow-hero-lit);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
  isolation: isolate;
  transition: opacity var(--v8-motion-base) var(--v8-ease-out), transform var(--v8-motion-base) var(--v8-ease-out);
}
.v8-profile-preview::before {
  position: absolute;
  top: 0;
  left: var(--v8-space-5);
  width: 112px;
  height: 2px;
  border-radius: 0 0 var(--v8-radius-pill) var(--v8-radius-pill);
  background: var(--v8-accent);
  box-shadow: 0 0 20px var(--v8-accent-line);
  content: "";
}
.v8-profile-preview__ambient {
  --v8-breathe-opacity-min: 0.84;
  --v8-breathe-opacity-max: 0.98;
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  animation: none;
  will-change: auto;
}
.v8-profile-preview__ambient span { position:absolute;top:15%;right:4%;font-size:var(--v8-brand-glyph-hero);opacity:.42; }
.v8-profile-preview__ambient i {
  position: absolute;
  right: -12%;
  width: 72%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--v8-accent-line), transparent);
  opacity: 0.45;
  transform: rotate(-9deg);
}
.v8-profile-preview__ambient i:first-of-type { top: 31%; }
.v8-profile-preview__ambient i:last-of-type { bottom: 20%; transform: rotate(7deg); }
.v8-profile-preview__header,
.v8-profile-preview__presence,
.v8-profile-preview__eyebrow {
  display: flex;
  align-items: center;
}
.v8-profile-preview__header { justify-content: space-between; gap: var(--v8-space-4); }
.v8-profile-preview__eyebrow { gap: 7px; color: var(--v8-muted); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-semibold); }
.v8-profile-preview__eyebrow svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-accent); }
.v8-profile-preview__presence { gap: var(--v8-space-2); font-size: var(--v8-font-xs); }
.v8-profile-preview__status {
  padding: 4px 9px;
  border: 1px solid var(--v8-accent-line);
  border-radius: var(--v8-radius-pill);
  background: var(--v8-accent-soft);
  color: var(--v8-accent);
  font-weight: var(--v8-weight-semibold);
}
.v8-profile-preview__last-active { color: var(--v8-muted); }
.v8-profile-preview__identity {
  display: grid;
  min-width: 0;
  grid-template-columns: 78px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: var(--v8-space-4);
}
.v8-profile-preview__avatar {
  display: grid;
  width: 78px;
  height: 78px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--v8-accent-line);
  border-radius: var(--v8-radius-md);
  background: var(--v8-accent-soft);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 0 0 7px var(--v8-accent-soft), 0 20px 46px color-mix(in srgb, var(--v8-accent) 14%, transparent);
  color: var(--v8-accent);
}
.v8-profile-preview__avatar-content { width: 100%; height: 100%; object-fit: cover; font-size: var(--v8-font-2xl); font-weight: var(--v8-weight-bold); }
span.v8-profile-preview__avatar-content { display: grid; place-items: center; }
.v8-profile-preview__copy { display: grid; gap: 3px; }
.v8-profile-preview__type { color: var(--v8-accent); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-semibold); }
.v8-profile-preview__name { max-inline-size: var(--v8-measure-title); overflow-wrap: break-word; font-size: var(--v8-type-h2); font-weight: var(--v8-weight-bold); letter-spacing: 0; line-height: var(--v8-leading-heading); }
.v8-profile-preview__description { max-inline-size: var(--v8-measure-compact); color: var(--v8-text-secondary); font-size: var(--v8-font-sm); line-height: var(--v8-line-relaxed); }
.v8-profile-preview__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--v8-space-2);
}
.v8-profile-preview__meta-item {
  display: grid;
  min-width: 0;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: var(--v8-space-2);
  padding: 9px 10px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-sm);
  background: color-mix(in srgb, var(--v8-surface-sunken) 88%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
}
.v8-profile-preview__meta-item > svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-accent); }
.v8-profile-preview__meta-item > span { display: grid; min-width: 0; gap: 1px; }
.v8-profile-preview__meta-item small { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-profile-preview__meta-item strong { overflow: hidden; color: var(--v8-text-secondary); font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-preview__dashboard {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1.3fr) minmax(210px, 0.7fr);
  gap: var(--v8-space-3);
}
.v8-profile-preview__utility {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: var(--v8-space-3);
  padding: var(--v8-space-3);
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-sunken);
  box-shadow: var(--v8-shadow-key);
}
.v8-profile-preview__utility-title { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-2); }
.v8-profile-preview__utility-title > span { color: var(--v8-text-secondary); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-semibold); }
.v8-profile-preview__utility-title small { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-profile-preview__widgets { display: grid; gap: 6px; }
.v8-profile-preview__widget {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--v8-space-2);
  padding: 7px 8px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-sm);
  background: var(--v8-surface-1);
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-xs);
}
.v8-profile-preview__widget svg { width: 14px; height: 14px; color: var(--v8-accent); }
.v8-profile-preview__signals { grid-template-columns: 1fr; gap: 6px; }
.v8-profile-preview__signal { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--v8-space-2); padding: 6px 8px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-sm); background: var(--v8-surface-sunken); color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-profile-preview__signal strong { color: var(--v8-text); font-weight: var(--v8-weight-semibold); }
.v8-profile-browser {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  padding: var(--v8-space-4);
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-md);
  background: color-mix(in srgb, var(--v8-glass) 92%, transparent);
  box-shadow: var(--v8-shadow-key);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
}
.v8-profile-browser__header { display: flex; align-items: end; justify-content: space-between; gap: var(--v8-space-3); padding: 2px 2px var(--v8-space-3); }
.v8-profile-browser__header > div { display: grid; gap: 5px; }
.v8-profile-browser__title { display: flex; align-items: baseline; gap: 8px; }
.v8-profile-browser__title h2 { font-size: var(--v8-font-lg); }
.v8-profile-browser__count { color: var(--v8-muted); font-family: var(--v8-mono); font-size: var(--v8-font-xs); }
.v8-profile-browser__create { min-width: 44px; padding-inline: 12px; }
.v8-profile-list {
  display: grid;
  width: 100%;
  min-height: 0;
  grid-auto-columns: initial;
  grid-auto-flow: row;
  grid-auto-rows: minmax(88px, auto);
  align-content: start;
  gap: var(--v8-space-2);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2px 5px 2px 2px;
  scroll-snap-type: y proximity;
  scrollbar-gutter: stable;
}
.v8-profile-card {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 88px;
  grid-template-columns: 54px minmax(0, 1fr) 36px;
  align-items: center;
  gap: var(--v8-space-3);
  padding: 11px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  overflow: visible;
  background: color-mix(in srgb, var(--v8-surface-1) 92%, transparent);
  color: var(--v8-text-secondary);
  cursor: pointer;
  outline: none;
  scroll-snap-align: start;
  text-align: left;
  transition: color var(--v8-motion-fast) var(--v8-ease-standard), background-color var(--v8-motion-fast) var(--v8-ease-standard), border-color var(--v8-motion-fast) var(--v8-ease-standard), box-shadow var(--v8-motion-fast) var(--v8-ease-standard), opacity var(--v8-motion-base) var(--v8-ease-out), transform var(--v8-motion-base) var(--v8-ease-out);
}
.v8-profile-card:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-profile-card.is-selected { border-color: var(--v8-accent-line); background: color-mix(in srgb, var(--v8-accent-soft) 64%, var(--v8-surface-1)); box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 12px 30px color-mix(in srgb, var(--v8-accent) 10%, transparent); }
.v8-profile-card.is-selected::after { position: absolute; top: 0; right: 11px; left: 11px; height: 2px; border-radius: 0 0 var(--v8-radius-pill) var(--v8-radius-pill); background: var(--v8-accent); box-shadow: 0 0 14px var(--v8-accent-line); content: ""; }
.v8-profile-card__avatar-wrap {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: var(--v8-radius-md);
  box-shadow: 0 0 0 5px var(--v8-accent-soft);
}
.v8-profile-card__avatar { display: grid; width: 54px; height: 54px; place-items: center; overflow: hidden; border: 1px solid var(--v8-border-highlight); border-radius: var(--v8-radius-md); background: var(--v8-surface-3); color: var(--v8-text); font-weight: var(--v8-weight-semibold); object-fit: cover; }
.v8-profile-card__body { display: grid; min-width: 0; align-content: center; gap: 4px; }
.v8-profile-card__headline { display: flex; min-width: 0; align-items: center; gap: 7px; }
.v8-profile-card__headline strong { overflow: hidden; color: var(--v8-text); font-size: var(--v8-font-sm); text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-card__headline > span { flex: 0 0 auto; color: var(--v8-accent); font-size: var(--v8-font-micro); }
.v8-profile-card__context { overflow: hidden; color: var(--v8-muted); font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-card__widgets { display: flex; align-items: center; gap: 6px; color: var(--v8-text-secondary); }
.v8-profile-card__widgets svg { width: 13px; height: 13px; }
.v8-profile-card__menu { width: 36px; height: 36px; align-self: center; opacity: 0.72; }
.v8-profile-card:hover .v8-profile-card__menu,
.v8-profile-card.is-selected .v8-profile-card__menu,
.v8-profile-card__menu:focus-visible { opacity: 1; }
.v8-profile-browser__footnote { display: flex; align-items: center; gap: 7px; padding: var(--v8-space-3) 2px 0; color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-profile-browser__footnote svg { width: 14px; height: 14px; }
.v8-profile-select__status { width: min(100%, 1220px); min-height: 18px; justify-self: center; color: var(--v8-warning); font-size: var(--v8-font-xs); }
.v8-profile-select__footer { z-index: 2; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: var(--v8-space-3); padding: 0 max(var(--v8-space-6), env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--v8-space-6), env(safe-area-inset-left)); border-top: 1px solid var(--v8-divider); background: color-mix(in srgb, var(--v8-canvas) 88%, transparent); box-shadow: inset 0 1px 0 var(--v8-surface-glint); backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate)); }
.v8-profile-select__hint { display: flex; align-items: center; gap: var(--v8-space-2); color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-profile-select__hint svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); }
.v8-profile-select__enter { min-width: 190px; }
.v8-entry.is-launching .v8-profile-card:not(.is-selected) { opacity: 0; transform: translate3d(0, 8px, 0) scale(0.98); }
.v8-entry.is-launching .v8-profile-preview { transform: scale(1.01); }
.v8-profile-menu {
  position: fixed;
  z-index: var(--v8-z-popover);
  display: grid;
  width: 228px;
  gap: 2px;
  padding: 6px;
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-md);
  background: var(--v8-dialog-glass);
  box-shadow: var(--v8-shadow-popover);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
}
.v8-profile-menu__item {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: var(--v8-space-3);
  padding: 0 10px;
  border-radius: var(--v8-radius-sm);
  background: transparent;
  color: var(--v8-text-secondary);
  cursor: pointer;
  font-size: var(--v8-font-sm);
  outline: none;
  text-align: left;
  transition: color var(--v8-motion-fast) var(--v8-ease-standard), background-color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-profile-menu__item:focus-visible { background: var(--v8-surface-hover); color: var(--v8-text); }
.v8-profile-menu__item svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); }
.v8-profile-menu__item.is-danger { color: var(--v8-danger); }
.v8-profile-menu__item:disabled { opacity: 0.72; cursor: not-allowed; }
.v8-profile-dialog-layer { position: fixed; z-index: var(--v8-z-dialog); display: grid; inset: 0; place-items: center; padding: var(--v8-space-5); background: var(--v8-overlay); backdrop-filter: blur(var(--v8-blur-backdrop)); opacity: 0; transition: opacity var(--v8-motion-base) var(--v8-ease-window); }
.v8-profile-dialog { display: grid; width: min(100%, 620px); max-height: min(820px, calc(100dvh - 40px)); gap: var(--v8-space-5); overflow-y: auto; overscroll-behavior: contain; padding: var(--v8-space-6); border: 1px solid var(--v8-border-highlight); border-radius: var(--v8-radius-md); background: var(--v8-dialog-glass); box-shadow: var(--v8-shadow-window-open); opacity: 0; transform: translate3d(0, 10px, 0) scale(0.985); transition: box-shadow var(--v8-motion-base) var(--v8-physics-friction), opacity var(--v8-motion-base) var(--v8-ease-window), transform var(--v8-motion-base) var(--v8-ease-window); scrollbar-gutter: stable; }
.v8-profile-dialog-layer.is-open,.v8-profile-dialog-layer.is-open .v8-profile-dialog { opacity: 1; }
.v8-profile-dialog-layer.is-open .v8-profile-dialog { box-shadow:var(--v8-shadow-modal-open);transform: translate3d(0, 0, 0) scale(1); }
.v8-entry--profiles.has-profile-dialog .v8-profile-select__main { overflow: hidden; }
.v8-profile-dialog__header { display: flex; align-items: start; justify-content: space-between; gap: var(--v8-space-5); }
.v8-profile-dialog__identity { display: flex; min-width: 0; align-items: center; gap: var(--v8-space-4); }
.v8-profile-dialog__identity > div:last-child { display: grid; min-width: 0; gap: 5px; }
.v8-profile-dialog__header h2 { font-size: var(--v8-font-2xl); }
.v8-profile-dialog__header p { color: var(--v8-text-secondary); font-size: var(--v8-font-sm); line-height: var(--v8-line-relaxed); }
.v8-profile-dialog__form { display: grid; gap: var(--v8-space-4); }
.v8-profile-dialog__textarea { min-height: 82px; padding-block: 10px; resize: vertical; }
.v8-profile-dialog__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--v8-space-3); }
.v8-profile-dialog__fieldset { display: grid; gap: var(--v8-space-2); padding: 0; border: 0; }
.v8-profile-dialog__fieldset legend { margin-bottom: var(--v8-space-2); color: var(--v8-text-secondary); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-medium); }
.v8-profile-dialog__avatar-picker,
.v8-profile-dialog__accent-picker { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--v8-space-2); }
.v8-profile-dialog__avatar-choice {
  display: grid;
  min-height: 48px;
  place-items: center;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-1);
  color: var(--v8-text-secondary);
  cursor: pointer;
  font-weight: var(--v8-weight-semibold);
  outline: none;
}
.v8-profile-dialog__avatar-choice[aria-checked="true"] { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); box-shadow: var(--v8-shadow-focus); color: var(--v8-accent); }
.v8-profile-dialog__avatar-choice:focus-visible,
.v8-profile-dialog__accent-choice:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-profile-dialog__accent-choice {
  display: grid;
  min-height: 58px;
  place-items: center;
  gap: 4px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-1);
  color: var(--v8-muted);
  cursor: pointer;
  font-size: var(--v8-font-micro);
  outline: none;
}
.v8-profile-dialog__accent-choice > span { width: 18px; height: 18px; border-radius: var(--v8-radius-pill); box-shadow: 0 0 0 4px var(--v8-surface-3); }
.v8-profile-dialog__accent-choice[data-accent="mint"] > span { background: var(--v8-swatch-mint); }
.v8-profile-dialog__accent-choice[data-accent="sky"] > span { background: var(--v8-swatch-sky); }
.v8-profile-dialog__accent-choice[data-accent="amber"] > span { background: var(--v8-swatch-amber); }
.v8-profile-dialog__accent-choice[data-accent="violet"] > span { background: var(--v8-swatch-violet); }
.v8-profile-dialog__accent-choice[data-accent="rose"] > span { background: var(--v8-swatch-rose); }
.v8-profile-dialog__accent-choice[aria-checked="true"] { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); color: var(--v8-text); }
.v8-profile-dialog__actions { display: flex; justify-content: flex-end; gap: var(--v8-space-2); padding-top: var(--v8-space-2); }
.v8-profile-dialog__confirm { display: grid; justify-items: center; gap: var(--v8-space-4); padding: var(--v8-space-4); text-align: center; }
.v8-profile-dialog__confirm p { max-width: 440px; color: var(--v8-text-secondary); line-height: var(--v8-line-relaxed); }
.v8-profile-dialog__danger-icon { display: grid; width: 56px; height: 56px; place-items: center; border-radius: var(--v8-radius-md); background: var(--v8-danger-soft); color: var(--v8-danger); }
.v8-profile-empty {
  width: min(100%, 680px);
  min-height: 420px;
  justify-self: center;
  border: 1px solid var(--v8-border-highlight);
  box-shadow: var(--v8-shadow-float);
}
@media (max-height: 820px) and (min-width: 981px) {
  .v8-profile-select__main { gap: var(--v8-space-3); padding-block: var(--v8-space-4); }
  .v8-profile-select__workspace { min-height: 0; height: auto; }
  .v8-profile-preview { gap: var(--v8-space-3); padding: var(--v8-space-4); }
  .v8-profile-preview__avatar { width: 66px; height: 66px; }
  .v8-profile-preview__identity { grid-template-columns: 66px minmax(0, 1fr); }
}
@media (max-height: 760px) and (min-width: 981px) {
  .v8-profile-select__main { padding-block: var(--v8-space-3); }
  .v8-profile-preview { gap: 10px; padding: var(--v8-space-4); }
  .v8-profile-preview__avatar { width: 58px; height: 58px; }
  .v8-profile-preview__identity { grid-template-columns: 58px minmax(0, 1fr); }
  .v8-profile-preview__meta-item { padding-block: 6px; }
  .v8-profile-preview__dashboard { gap: var(--v8-space-2); }
  .v8-profile-preview__utility { gap: var(--v8-space-2); padding: 10px; }
  .v8-profile-preview__widget { padding-block: 5px; }
  .v8-profile-preview__utility .v8-profile-preview__signals { display: none; }
}
@media (max-width: 980px) {
  .v8-profile-select__workspace { height: auto; min-height: 0; grid-template-columns: minmax(0, 1fr); }
  .v8-profile-preview { min-height: 600px; }
  .v8-profile-browser { min-height: 440px; }
  .v8-profile-list { max-height: 420px; }
}
@media (max-width: 820px) {
  .v8-entry--profiles::after { bottom: calc(58px + env(safe-area-inset-bottom)); }
  .v8-profile-select__frame { grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) calc(58px + env(safe-area-inset-bottom)); }
  .v8-profile-select__main { gap: var(--v8-space-4); padding: var(--v8-space-5) var(--v8-space-4); }
  .v8-profile-select__intro { align-items: start; flex-direction: column; gap: var(--v8-space-2); }
  .v8-profile-select__intro > p { max-width: 100%; text-align: left; }
  .v8-profile-preview { display: grid; min-height: 650px; gap: var(--v8-space-4); padding: var(--v8-space-4); }
  .v8-profile-preview__identity { grid-template-columns: 62px minmax(0, 1fr); }
  .v8-profile-preview__avatar { width: 62px; height: 62px; }
  .v8-profile-preview__meta { grid-template-columns: 1fr; }
  .v8-profile-preview__dashboard { grid-template-columns: minmax(0, 1fr); }
  .v8-profile-preview__utility { display: none; }
  .v8-profile-browser { min-height: 420px; }
  .v8-profile-list { width: 100%; min-height: 0; grid-auto-columns: initial; grid-auto-flow: row; }
  .v8-profile-card { grid-template-columns: 54px minmax(0, 1fr) 44px; }
  .v8-profile-card__menu { width: 44px; height: 44px; }
  .v8-profile-select__footer { grid-template-columns: minmax(0, 1fr) auto; }
  .v8-profile-select__footer .v8-button--secondary { display: none; }
  .v8-profile-dialog-layer { padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); }
  .v8-profile-dialog { width: 100%; max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding: var(--v8-space-5); }
}
@media (max-width: 520px) {
  .v8-entry--profiles .v8-entry__wordmark,
  .v8-entry--profiles .v8-badge { display: none; }
  .v8-profile-preview__header { align-items: start; }
  .v8-profile-preview__presence { align-items: end; flex-direction: column; gap: 4px; }
  .v8-profile-preview { min-height: 610px; }
  .v8-profile-browser__header { align-items: stretch; flex-direction: column; }
  .v8-profile-browser__create { width: 100%; }
  .v8-profile-card { grid-template-columns: 50px minmax(0, 1fr) 44px; }
  .v8-profile-card__avatar-wrap,
  .v8-profile-card__avatar { width: 50px; height: 50px; }
  .v8-profile-dialog__row { grid-template-columns: 1fr; }
  .v8-profile-dialog__avatar-picker,
  .v8-profile-dialog__accent-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .v8-profile-dialog__actions { align-items: stretch; flex-direction: column-reverse; }
  .v8-profile-dialog__actions .v8-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .v8-profile-menu,
  .v8-profile-dialog-layer,
  .v8-profile-dialog { animation: none; transition-duration: 1ms; }
}
.v8-profile-select__main {
  gap: var(--v8-space-3);
  padding: var(--v8-space-4) var(--v8-space-6);
}
.v8-profile-select__intro,
.v8-profile-select__workspace,
.v8-profile-select__status { width: min(100%, 1440px); }
.v8-profile-select__intro { align-items: center; }
.v8-profile-select__intro h1 { font-size: var(--v8-type-h1); }
.v8-profile-select__intro > p { max-inline-size: var(--v8-measure-compact); }
.v8-profile-select__workspace {
  grid-template-columns: minmax(0, 1.8fr) minmax(350px, 0.72fr);
  gap: var(--v8-space-3);
}
.v8-profile-preview {
  min-height: 500px;
  grid-template-rows: auto auto auto minmax(205px, 1fr) auto;
  gap: var(--v8-space-3);
  padding: var(--v8-space-4);
  background:
    var(--v8-reflection-hero),
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--v8-accent) 12%, transparent), transparent 35%),
    color-mix(in srgb, var(--v8-surface-1) 91%, transparent);
  box-shadow: var(--v8-shadow-hero-lit);
}
.v8-profile-preview[data-background="horizon"] { background: var(--v8-reflection-hero),linear-gradient(145deg,color-mix(in srgb,var(--v8-accent) 9%,var(--v8-surface-1)),var(--v8-surface-sunken) 60%),var(--v8-surface-1); }
.v8-profile-preview[data-background="graphite"] { background: var(--v8-reflection-hero),radial-gradient(circle at 80% 10%,var(--v8-surface-3),transparent 38%),var(--v8-surface-sunken); }
.v8-profile-preview[data-background="aurora"] { background: var(--v8-reflection-hero),radial-gradient(ellipse at 78% 24%,color-mix(in srgb,var(--v8-accent) 16%,transparent),transparent 38%),radial-gradient(ellipse at 24% 92%,var(--v8-context-soft),transparent 42%),var(--v8-surface-1); }
.v8-profile-preview[data-ambience="quiet"] .v8-profile-preview__ambient { opacity: 0.56; }
.v8-profile-preview[data-ambience="focus"] .v8-profile-preview__ambient { opacity: 0.72; }
.v8-profile-preview[data-ambience="dynamic"] .v8-profile-preview__ambient { --v8-breathe-opacity-min: 0.9; --v8-breathe-opacity-max: 1; }
.v8-profile-preview__ambient {
  animation: none;
  will-change: auto;
}
.v8-profile-preview__ambient span { top: 7%; right: 2%; opacity: 0.32; }
.v8-profile-preview__chrome {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--v8-space-3);
  min-height: 38px;
  padding: 0 2px var(--v8-space-2);
  border-bottom: 1px solid var(--v8-divider);
}
.v8-profile-preview__clock { display: grid; justify-items: center; gap: 1px; }
.v8-profile-preview__time { color: var(--v8-text); font-family: var(--v8-mono); font-size: var(--v8-font-sm); font-weight: var(--v8-weight-semibold); font-variant-numeric: tabular-nums; }
.v8-profile-preview__date { color: var(--v8-muted); font-size: var(--v8-font-micro); text-transform: capitalize; }
.v8-profile-preview__connectivity { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: 7px; color: var(--v8-text-secondary); font-size: var(--v8-font-xs); }
.v8-profile-preview__connectivity svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-accent); }
.v8-profile-preview__cloud { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-preview__cloud[data-state="offline"] { color: var(--v8-warning); }
.v8-profile-preview__cloud[data-state="syncing"] { color: var(--v8-info); }
.v8-profile-preview__identity {
  grid-template-columns: 70px minmax(0, 1fr);
  gap: var(--v8-space-4);
}
.v8-profile-preview__avatar {
  width: 70px;
  height: 70px;
  border-radius: var(--v8-radius-md);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint),0 0 0 6px var(--v8-accent-soft),0 18px 44px color-mix(in srgb,var(--v8-accent) 18%,transparent);
}
.v8-profile-preview__copy { gap: 2px; }
.v8-profile-preview__presence { display: flex; min-width: 0; align-items: center; gap: var(--v8-space-2); }
.v8-profile-preview__type { color: var(--v8-accent); }
.v8-profile-preview__status { padding: 2px 7px; }
.v8-profile-preview__last-active { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-preview__name { font-size: var(--v8-type-h2); }
.v8-profile-preview__meta { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v8-profile-preview__meta-item { grid-template-columns: 24px minmax(0, 1fr); min-height: 46px; padding: 7px 9px; }
.v8-profile-preview__live-grid {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: var(--v8-space-2);
}
.v8-profile-live {
  display: grid;
  min-width: 0;
  align-content: center;
  gap: 3px;
  overflow: hidden;
  padding: 9px 10px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-sm);
  background: color-mix(in srgb,var(--v8-surface-1) 88%,transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
}
.v8-profile-live[data-signal="brain"] { grid-column: 1 / -1; border-color: var(--v8-accent-line); background: color-mix(in srgb,var(--v8-accent-soft) 52%,var(--v8-surface-1)); }
.v8-profile-live[data-state="unavailable"] { opacity: 0.68; }
.v8-profile-live__header { display: grid; min-width: 0; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; gap: 6px; color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-profile-live__header > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-live__header i { width: 5px; height: 5px; border-radius: var(--v8-radius-pill); background: var(--v8-muted); box-shadow: 0 0 0 3px color-mix(in srgb,var(--v8-muted) 12%,transparent); }
.v8-profile-live[data-state="ready"] .v8-profile-live__header i { background: var(--v8-success); box-shadow: 0 0 0 3px var(--v8-success-soft); }
.v8-profile-live__icon { display: grid; place-items: center; color: var(--v8-accent); }
.v8-profile-live__icon svg { width: 14px; height: 14px; }
.v8-profile-live > strong { overflow: hidden; color: var(--v8-text); font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-live > small { overflow: hidden; color: var(--v8-muted); font-size: var(--v8-font-micro); text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-preview__footer {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  align-items: end;
  gap: var(--v8-space-3);
  padding-top: var(--v8-space-2);
  border-top: 1px solid var(--v8-divider);
}
.v8-profile-preview__widget-group { display: grid; min-width: 0; gap: 7px; }
.v8-profile-preview__section-title { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-2); }
.v8-profile-preview__section-title span { color: var(--v8-text-secondary); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-semibold); }
.v8-profile-preview__section-title small { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-profile-preview__widgets { display: flex; min-width: 0; gap: 6px; overflow: hidden; }
.v8-profile-preview__widget { flex: 0 1 auto; padding: 6px 8px; }
.v8-profile-preview__signals { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
.v8-profile-preview__signal { display: grid; justify-items: end; gap: 2px; padding: 6px 7px; }
.v8-profile-preview__signal span { overflow: hidden; width: 100%; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-browser { padding: var(--v8-space-3); }
.v8-profile-browser__header { align-items: center; padding: 3px 3px var(--v8-space-3); }
.v8-profile-browser__create { min-width: 44px; }
.v8-profile-browser__create span { display: none; }
.v8-profile-list {
  grid-auto-rows: minmax(112px,auto);
  gap: 7px;
  padding: 2px 6px 2px 2px;
}
.v8-profile-card {
  min-height: 112px;
  grid-template-columns: 62px minmax(0,1fr) 34px;
  gap: var(--v8-space-3);
  padding: 11px;
  border-radius: var(--v8-radius-md);
  background: color-mix(in srgb,var(--v8-surface-1) 88%,transparent);
}
.v8-profile-card[data-accent="mint"] { --v8-profile-accent: var(--v8-swatch-mint); }
.v8-profile-card[data-accent="sky"] { --v8-profile-accent: var(--v8-swatch-sky); }
.v8-profile-card[data-accent="amber"] { --v8-profile-accent: var(--v8-swatch-amber); }
.v8-profile-card[data-accent="violet"] { --v8-profile-accent: var(--v8-swatch-violet); }
.v8-profile-card[data-accent="rose"] { --v8-profile-accent: var(--v8-swatch-rose); }
.v8-profile-card.is-selected { border-color: color-mix(in srgb,var(--v8-profile-accent) 42%,var(--v8-border)); background: color-mix(in srgb,var(--v8-profile-accent) 7%,var(--v8-surface-1)); box-shadow: inset 0 1px 0 var(--v8-surface-glint),var(--v8-shadow-height-2); }
.v8-profile-card.is-selected::after { right: 12px; left: 12px; background: var(--v8-profile-accent); }
.v8-profile-card__avatar-wrap { width: 62px; height: 62px; box-shadow: 0 0 0 5px color-mix(in srgb,var(--v8-profile-accent) 10%,transparent),0 12px 28px color-mix(in srgb,var(--v8-profile-accent) 12%,transparent); }
.v8-profile-card__avatar { width: 62px; height: 62px; }
.v8-profile-card__body { gap: 5px; }
.v8-profile-card__headline strong { font-size: var(--v8-font-base); }
.v8-profile-card__headline > span { color: var(--v8-profile-accent); }
.v8-profile-card__facts { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 4px 9px; color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-profile-card__facts > span { display: flex; min-width: 0; align-items: center; gap: 4px; }
.v8-profile-card__facts > span:last-child { overflow: hidden; }
.v8-profile-card__facts > span:last-child span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-card__facts svg { width: 11px; height: 11px; flex: 0 0 auto; }
.v8-profile-card__aside { display: grid; height: 100%; align-content: space-between; justify-items: center; }
.v8-profile-card__swatch { width: 8px; height: 8px; border-radius: var(--v8-radius-pill); background: var(--v8-profile-accent); box-shadow: 0 0 0 4px color-mix(in srgb,var(--v8-profile-accent) 10%,transparent); }
.v8-profile-card__menu { width: 32px; height: 32px; }
.v8-profile-card:hover .v8-profile-card__menu,
.v8-profile-card.is-selected .v8-profile-card__menu,
.v8-profile-card__menu:focus-visible { opacity: 1; }
.v8-profile-select__status { min-height: 16px; }
.v8-entry.is-launching .v8-profile-preview { opacity: 0.92; transform: translate3d(0,-2px,0) scale(1.012); }
.v8-entry.is-launching .v8-profile-browser { opacity: 0.42; transform: translate3d(0,8px,0) scale(0.985); }
.v8-profile-browser { transition: opacity var(--v8-motion-base) var(--v8-ease-window),transform var(--v8-motion-base) var(--v8-ease-window); }
.v8-profile-dialog { width: min(100%,760px); gap: var(--v8-space-4); }
.v8-profile-dialog__form { gap: var(--v8-space-4); }
.v8-profile-dialog__steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--v8-space-2); }
.v8-profile-dialog__step { display: grid; min-width: 0; grid-template-columns: 24px 18px minmax(0,1fr); align-items: center; gap: 7px; min-height: 42px; padding: 7px 9px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-sm); background: var(--v8-surface-sunken); color: var(--v8-muted); cursor: pointer; text-align: left; }
.v8-profile-dialog__step > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: var(--v8-radius-pill); background: var(--v8-surface-3); font-family: var(--v8-mono); font-size: var(--v8-font-micro); }
.v8-profile-dialog__step svg { width: 14px; height: 14px; }
.v8-profile-dialog__step strong { overflow: hidden; font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-dialog__step[aria-current="step"] { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); color: var(--v8-text); box-shadow: inset 0 1px 0 var(--v8-surface-glint); }
.v8-profile-dialog__step[aria-current="step"] > span { background: var(--v8-accent); color: var(--v8-canvas); }
.v8-profile-dialog__pages { min-height: 330px; }
.v8-profile-dialog__page { display: grid; align-content: start; gap: var(--v8-space-4); }
.v8-profile-dialog__page[hidden] { display: none; }
.v8-profile-dialog__page-heading { display: grid; gap: 4px; padding-bottom: var(--v8-space-2); border-bottom: 1px solid var(--v8-divider); }
.v8-profile-dialog__page-heading > span { color: var(--v8-accent); font-family: var(--v8-mono); font-size: var(--v8-font-micro); }
.v8-profile-dialog__page-heading h3 { font-size: var(--v8-font-lg); }
.v8-profile-dialog__page-heading p { color: var(--v8-text-secondary); font-size: var(--v8-font-sm); }
.v8-profile-dialog__module-picker { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; max-height: 156px; overflow-y: auto; padding: 2px 5px 2px 2px; scrollbar-gutter: stable; }
.v8-profile-dialog__module-choice { display: grid; min-width: 0; grid-template-columns: 18px minmax(0,1fr) 16px; align-items: center; gap: 7px; min-height: 42px; padding: 7px 9px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-sm); background: var(--v8-surface-1); color: var(--v8-text-secondary); cursor: pointer; text-align: left; }
.v8-profile-dialog__module-choice svg { width: 15px; height: 15px; }
.v8-profile-dialog__module-choice svg:last-child { opacity: 0; color: var(--v8-accent); transform: scale(0.7); transition: opacity var(--v8-motion-fast) var(--v8-ease-spring),transform var(--v8-motion-fast) var(--v8-ease-spring); }
.v8-profile-dialog__module-choice span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v8-profile-dialog__module-choice[aria-checked="true"] { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); color: var(--v8-text); }
.v8-profile-dialog__module-choice[aria-checked="true"] svg:last-child { opacity: 1; transform: scale(1); }
.v8-profile-dialog__summary { padding: 9px 11px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-sm); background: var(--v8-surface-sunken); color: var(--v8-text-secondary); font-size: var(--v8-font-xs); }
.v8-profile-dialog__actions { align-items: center; padding-top: var(--v8-space-3); border-top: 1px solid var(--v8-divider); }
.v8-profile-dialog__action-spacer { flex: 1 1 auto; }
.v8-profile-dialog__actions > [hidden] { display: none; }
::view-transition-old(root) { animation: v8-environment-exit 240ms var(--v8-ease-window) both; }
::view-transition-new(root) { animation: v8-environment-enter 320ms var(--v8-ease-window) both; }
@keyframes v8-environment-exit { to { opacity: 0; transform: translate3d(0,-5px,0) scale(1.018); } }
@keyframes v8-environment-enter { from { opacity: 0; transform: translate3d(0,8px,0) scale(0.988); } }
@media (max-height: 820px) and (min-width: 981px) {
  .v8-profile-select__main { padding-block: var(--v8-space-3); }
  .v8-profile-preview { min-height: 470px; gap: 9px; padding: var(--v8-space-3); }
  .v8-profile-preview__identity { grid-template-columns: 58px minmax(0,1fr); }
  .v8-profile-preview__avatar { width: 58px; height: 58px; }
  .v8-profile-preview__meta-item { min-height: 40px; padding-block: 5px; }
  .v8-profile-live { padding-block: 6px; }
  .v8-profile-preview__widget { padding-block: 4px; }
  .v8-profile-card { min-height: 102px; }
  .v8-profile-list { grid-auto-rows: minmax(102px,auto); }
}
@media (max-height: 720px) and (min-width: 981px) {
  .v8-profile-select__intro > p,
  .v8-profile-preview__description,
  .v8-profile-preview__section-title small,
  .v8-profile-browser__footnote { display: none; }
  .v8-profile-preview { min-height: 430px; }
  .v8-profile-preview__footer { grid-template-columns: 1fr; }
  .v8-profile-preview__signals { display: none; }
  .v8-profile-live > small { display: none; }
}
@media (max-width: 1180px) and (min-width: 981px) {
  .v8-profile-select__workspace { grid-template-columns: minmax(0,1fr) 340px; }
  .v8-profile-preview__meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v8-profile-preview__footer { grid-template-columns: 1fr; }
  .v8-profile-preview__signals { display: none; }
}
@media (max-width: 980px) {
  .v8-profile-select__workspace { grid-template-columns: minmax(0,1fr); }
  .v8-profile-preview { min-height: 680px; }
  .v8-profile-browser { min-height: 390px; }
  .v8-profile-list { max-height: 390px; }
}
@media (max-width: 820px) {
  .v8-profile-select__main { padding: var(--v8-space-4); }
  .v8-profile-dialog__step,
  .v8-profile-dialog__module-choice { min-height: var(--v8-touch-target); }
  .v8-profile-preview { min-height: 720px; }
  .v8-profile-preview__chrome { grid-template-columns: 1fr auto; }
  .v8-profile-preview__clock { display: none; }
  .v8-profile-preview__meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v8-profile-preview__live-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .v8-profile-live[data-signal="brain"] { grid-column: auto; }
  .v8-profile-preview__footer { grid-template-columns: 1fr; }
  .v8-profile-preview__signals { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .v8-profile-dialog__module-picker { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .v8-profile-select__main { padding-inline: var(--v8-space-3); }
  .v8-profile-preview { min-height: 760px; padding: var(--v8-space-3); }
  .v8-profile-preview__connectivity { font-size: var(--v8-font-micro); }
  .v8-profile-preview__identity { grid-template-columns: 54px minmax(0,1fr); }
  .v8-profile-preview__avatar { width: 54px; height: 54px; }
  .v8-profile-preview__presence { flex-wrap: wrap; }
  .v8-profile-preview__name { font-size: var(--v8-type-h3); }
  .v8-profile-preview__meta { grid-template-columns: 1fr 1fr; }
  .v8-profile-preview__live-grid { grid-template-columns: 1fr 1fr; }
  .v8-profile-live[data-signal="brain"] { grid-column: 1 / -1; }
  .v8-profile-live[data-signal="discord"] { display: none; }
  .v8-profile-preview__widgets { flex-wrap: wrap; overflow: visible; padding-bottom: 2px; }
  .v8-profile-preview__widget { min-height: var(--v8-touch-target); flex: 1 1 calc(50% - 3px); }
  .v8-profile-preview__signals { grid-template-columns: 1fr 1fr; }
  .v8-profile-browser__header { align-items: center; flex-direction: row; }
  .v8-profile-browser__create { width: 44px; }
  .v8-profile-card { grid-template-columns: 54px minmax(0,1fr) var(--v8-touch-target); }
  .v8-profile-card__avatar-wrap,
  .v8-profile-card__avatar { width: 54px; height: 54px; }
  .v8-profile-card__facts > span:nth-child(2) { display: none; }
  .v8-profile-dialog { padding: var(--v8-space-4); }
  .v8-profile-dialog__steps { gap: 5px; }
  .v8-profile-dialog__step { grid-template-columns: 22px minmax(0,1fr); padding-inline: 6px; }
  .v8-profile-dialog__step svg { display: none; }
  .v8-profile-dialog__row { grid-template-columns: 1fr; }
  .v8-profile-dialog__module-picker { grid-template-columns: 1fr 1fr; }
  .v8-profile-dialog__actions { flex-wrap: wrap; }
  .v8-profile-dialog__action-spacer { display: none; }
  .v8-profile-dialog__actions .v8-button { flex: 1 1 42%; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation-duration: 1ms; }
  .v8-profile-preview__ambient { animation: none; will-change: auto; }
  .v8-profile-dialog__module-choice svg:last-child { transition-duration: 1ms; }
}