*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  min-width: 320px;
  height: 100%;
  background: var(--v8-context-canvas);
  font-family: var(--v8-font);
  font-kerning: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  transition:
    background-color var(--v8-motion-slow) var(--v8-ease-standard),
    --v8-context-accent var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-phase-light var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-phase-shadow var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-highlight var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-theme-wash var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-space-wash var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-opacity-min var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-opacity-max var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-lightness var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-saturation var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-halo-percent var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-glow-percent var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-surface-light-percent var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-hero-light-percent var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-accent-mix var(--v8-ambient-transition) var(--v8-ease-standard),
    --v8-ambient-motion-duration var(--v8-ambient-transition) var(--v8-ease-standard);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  scrollbar-color: var(--v8-scrollbar) transparent;
  scrollbar-width: thin;
  text-size-adjust: 100%;
}
body {
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--v8-context-canvas);
  color: var(--v8-text);
  font-size: var(--v8-type-body);
  line-height: var(--v8-line-base);
  transition: background-color var(--v8-motion-slow) var(--v8-ease-standard), color var(--v8-motion-fast) var(--v8-ease-standard);
}
small {
  font-size: var(--v8-type-caption);
  line-height: var(--v8-leading-caption);
}
.v8-entry::before,
.v8-shell::before {
  position: absolute;
  z-index: 0;
  inset: -10%;
  background:
    radial-gradient(ellipse at 18% 18%, color-mix(in srgb, var(--v8-brand) 8%, transparent), transparent 46%),
    radial-gradient(ellipse at 82% 72%, color-mix(in srgb, var(--v8-ambient-accent) var(--v8-ambient-halo-percent), transparent), transparent 44%);
  content: "";
  opacity: var(--v8-ambient-background-opacity);
  filter: brightness(var(--v8-ambient-lightness)) saturate(var(--v8-ambient-saturation));
  pointer-events: none;
  transform: translate3d(-1.5%, -1%, 0) scale(1.025);
  animation: none;
  will-change: auto;
}
@keyframes v8-ambient-drift {
  from { opacity: var(--v8-ambient-opacity-min); transform: translate3d(-1.5%, -1%, 0) scale(1.025); }
  to { opacity: var(--v8-ambient-opacity-max); transform: translate3d(1.5%, 1%, 0) scale(1.055); }
}
.v8-entry__monogram,.v8-profile-preview__ambient span,.v8-continuity__monogram { color:transparent;font-weight:var(--v8-weight-bold);line-height:.8;pointer-events:none;text-shadow:0 0 22px color-mix(in srgb,var(--v8-brand) 22%,transparent),0 0 72px color-mix(in srgb,var(--v8-brand) 14%,transparent),0 28px 84px rgb(0 0 0/.38);transform-origin:center;animation:none;will-change:auto;-webkit-text-stroke:1px color-mix(in srgb,var(--v8-brand) 34%,var(--v8-border)); }
@keyframes v8-brand-breathe { from { transform:scale(1); } to { transform:scale(1.025); } }
@keyframes v8-surface-breathe {
  from { opacity: var(--v8-breathe-opacity-min, 0.14); transform: translate3d(-0.3%, 0.2%, 0) scale(0.995); }
  to { opacity: var(--v8-breathe-opacity-max, 0.24); transform: translate3d(0.3%, -0.2%, 0) scale(1.012); }
}
@media (max-width: 820px) {
  .v8-entry::before,
  .v8-shell::before { animation: none; opacity: var(--v8-ambient-background-opacity); transform: none; will-change: auto; }
  .v8-profile-preview__ambient,.v8-continuity::after,.v8-home-brain::after,.v8-brain-context::after { animation:none;transform:none;will-change:auto; }
}
button,
input,
textarea,
select {
  margin: 0;
  color: inherit;
  font: inherit;
  letter-spacing: 0;
}
button {
  appearance: none;
  -webkit-appearance: none;
}
button,
[role="button"],
[role="tab"],
[role="menuitem"],
[role="option"] {
  -webkit-tap-highlight-color: transparent;
}
button {
  border: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
img,
svg {
  display: block;
  max-width: 100%;
}
:where(img, svg):not([draggable="true"], [data-native-drag="allow"]) {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}
:where(
  button,
  label,
  [role="button"],
  [role="tab"],
  [role="menuitem"],
  [role="option"],
  [role="switch"],
  [role="checkbox"],
  [role="radio"],
  .v8-topbar,
  .v8-rail,
  .v8-status-bar,
  .v8-floating-dock,
  .v8-breadcrumbs,
  .v8-toolbar,
  .v8-panel__header,
  .v8-context-menu,
  .v8-toast
) {
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
:where(input, textarea, select, [contenteditable="true"], [data-native-selection="allow"]) {
  user-select: text;
  -webkit-touch-callout: default;
  -webkit-user-select: text;
}
:where(button, a[href], input, textarea, select, [tabindex]:not([tabindex="-1"])):focus:not(:focus-visible) {
  outline: none;
}
:where(button, a[href], input, textarea, select, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid var(--v8-accent);
  outline-offset: 2px;
}
@media (hover: hover) and (pointer: fine) {
  :where(label[for], summary) { cursor: pointer; }
}
.lucide {
  shape-rendering: geometricPrecision;
}
h1,
h2,
h3 {
  margin: 0;
  hyphens: none;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}
h1 { font-size: var(--v8-type-h1); line-height: var(--v8-leading-heading); }
h2 { font-size: var(--v8-type-h2); line-height: var(--v8-leading-heading); }
h3 { font-size: var(--v8-type-h3); line-height: var(--v8-leading-card); }
label,
.v8-type-label { font-size: var(--v8-type-label); }
.v8-type-hero { max-inline-size: var(--v8-measure-hero); font-size: var(--v8-type-hero); line-height: var(--v8-leading-hero); }
.v8-type-h1 { font-size: var(--v8-type-h1); line-height: var(--v8-leading-heading); }
.v8-type-h2 { font-size: var(--v8-type-h2); line-height: var(--v8-leading-heading); }
.v8-type-h3 { font-size: var(--v8-type-h3); line-height: var(--v8-leading-card); }
.v8-card-title { font-size: var(--v8-type-card-title); line-height: var(--v8-leading-card); }
.v8-type-body { font-size: var(--v8-type-body); line-height: var(--v8-line-base); }
.v8-type-caption { font-size: var(--v8-type-caption); line-height: var(--v8-leading-caption); }
.v8-measure-compact { max-inline-size: var(--v8-measure-compact); }
.v8-measure-copy { max-inline-size: var(--v8-measure-copy); }
.v8-measure-longform { max-inline-size: var(--v8-measure-longform); }
p {
  margin: 0;
  hyphens: none;
  overflow-wrap: break-word;
  text-wrap: pretty;
  word-break: normal;
}
::selection {
  background: var(--v8-accent-soft);
  color: var(--v8-text);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  min-height: 36px;
  border: 2px solid transparent;
  border-radius: var(--v8-radius-pill);
  background: var(--v8-scrollbar);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--v8-scrollbar-hover);
  background-clip: padding-box;
}
[overflow-y="auto"],
[style*="overflow-y: auto"],
.v8-panel__body,
.v8-mission-body,
.v8-command-results,
.v8-brain-chat-log,
.v8-dock-editor__list,
.v8-dock-launcher__grid {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
#ethone-v8-root {
  min-height: 100dvh;
  isolation: isolate;
}
.v8-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (forced-colors: active) {
  :where(button, a[href], input, textarea, select, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid Highlight !important;
    outline-offset: 2px !important;
  }
}
.v8-boot {
  position: relative;
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--v8-space-3);
  overflow: hidden;
  background: var(--v8-context-canvas);
  color: var(--v8-text-secondary);
  isolation: isolate;
}
.v8-boot::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v8-brand) 7%, transparent), transparent 54%);
  content: "";
  opacity: 0;
  pointer-events: none;
  animation: v8-boot-light 420ms var(--v8-ease-out) forwards;
}
.v8-boot__mark {
  display: grid;
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  place-items: center;
  box-shadow: 0 0 34px color-mix(in srgb, var(--v8-brand) 20%, transparent);
  opacity: 0;
  transform: translate3d(0, 6px, 0) scale(0.94);
  animation: v8-boot-mark 420ms var(--v8-ease-window) forwards;
}
.v8-boot__mark svg {
  display: block;
  width: 100%;
  height: 100%;
}
.v8-boot__label {
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-semibold);
  letter-spacing: 0;
  opacity: 0;
  transform: translate3d(0, 4px, 0);
  animation: v8-boot-label 300ms 60ms var(--v8-ease-out) forwards;
}
:root[data-spotlight="disabled"] .v8-boot::before,
:root[data-spotlight="disabled"] .v8-boot__mark,
:root[data-spotlight="disabled"] .v8-boot__label {
  animation: none;
}
:root[data-spotlight="disabled"] .v8-boot__mark,
:root[data-spotlight="disabled"] .v8-boot__label {
  opacity: 1;
  transform: none;
}
.v8-spotlight {
  position: fixed;
  z-index: calc(var(--v8-z-tooltip) + 10);
  display: grid;
  inset: 0;
  place-items: center;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v8-context-accent) 6%, var(--v8-canvas)), var(--v8-canvas) 64%);
  contain: strict;
  opacity: 1;
  pointer-events: none;
  transition: opacity 420ms var(--v8-ease-out);
  will-change: opacity;
}
.v8-spotlight[data-state="revealing"] {
  opacity: 0;
}
.v8-spotlight__content {
  display: grid;
  justify-items: center;
  gap: 12px;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: opacity 300ms var(--v8-ease-out), transform 420ms var(--v8-ease-window);
  will-change: opacity, transform;
}
.v8-spotlight[data-state="revealing"] .v8-spotlight__content {
  opacity: 0;
  transform: translate3d(0, -3px, 0) scale(1.035);
}
.v8-spotlight__mark {
  display: grid;
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  place-items: center;
  box-shadow: 0 0 38px color-mix(in srgb, var(--v8-context-accent) 22%, transparent);
}
.v8-spotlight__mark svg {
  display: block;
  width: 100%;
  height: 100%;
}
.v8-spotlight__wordmark {
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-semibold);
  letter-spacing: 0;
}
@keyframes v8-boot-light {
  from { opacity: 0; }
  to { opacity: 0.72; }
}
@keyframes v8-boot-mark {
  from { opacity: 0; transform: translate3d(0, 6px, 0) scale(0.94); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes v8-boot-label {
  from { opacity: 0; transform: translate3d(0, 4px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  html { transition: none !important; }
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
  .v8-boot::before,
  .v8-boot__mark,
  .v8-boot__label,
  .v8-spotlight,
  .v8-spotlight__content {
    animation: none !important;
    transition: none !important;
  }
  .v8-entry::before,
  .v8-shell::before {
    animation: none;
    opacity: var(--v8-ambient-background-opacity);
    transform: none;
    will-change: auto;
  }
  .v8-entry__monogram,.v8-profile-preview__ambient span,.v8-continuity__monogram { animation:none;will-change:auto; }
  .v8-profile-preview__ambient,.v8-continuity::after,.v8-home-brain::after,.v8-brain-context::after { animation:none!important;transform:none;will-change:auto; }
  .v8-boot__mark,
  .v8-boot__label {
    opacity: 1;
    transform: none;
  }
}