.v8-shell {
  position: relative;
  display: grid;
  isolation: isolate;
  width: 100%;
  height: 100dvh;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-rows: 66px minmax(0, 1fr) 28px;
  overflow: hidden;
  background:
    linear-gradient(180deg, var(--v8-ambient-phase-light), transparent 42%),
    linear-gradient(180deg, var(--v8-ambient-theme-wash), transparent 62%),
    linear-gradient(90deg, transparent, var(--v8-ambient-space-wash), transparent),
    linear-gradient(0deg, var(--v8-ambient-phase-shadow), transparent 38%),
    var(--v8-context-canvas);
  box-shadow: inset 0 1px 0 var(--v8-ambient-highlight), inset 0 0 120px var(--v8-ambient-context-glow);
}
.v8-nav-slot {
  z-index: var(--v8-z-rail);
  grid-column: 1;
  grid-row: 1 / -1;
  min-width: 0;
  min-height: 0;
}
.v8-rail {
  display: flex;
  width: 72px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  gap: var(--v8-space-3);
  padding: 10px 10px 12px;
  border-right: 1px solid var(--v8-divider);
  background: color-mix(in srgb, var(--v8-canvas-raised) 92%, transparent);
  box-shadow: inset -1px 0 0 var(--v8-surface-glint);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
}
.v8-rail__brand,
.v8-profile-button {
  position: relative;
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 1px solid var(--v8-border-strong);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-2);
  color: var(--v8-text);
  cursor: pointer;
  outline: none;
  transition:
    background-color var(--v8-motion-fast) var(--v8-ease-standard),
    border-color var(--v8-motion-fast) var(--v8-ease-standard),
    color var(--v8-motion-fast) var(--v8-ease-standard),
    box-shadow var(--v8-motion-fast) var(--v8-ease-standard),
    transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-rail__brand span { color:var(--v8-brand);font-size:var(--v8-font-lg);font-weight:var(--v8-weight-bold);text-shadow:0 0 18px var(--v8-brand-line); }
.v8-rail__brand-mark { display:flex;width:28px;height:28px;flex:0 0 auto; }
.v8-rail__brand-mark svg { display:block;width:100%;height:100%; }
.v8-rail__brand:focus-visible,
.v8-profile-button:focus-visible {
  box-shadow: var(--v8-shadow-focus);
  outline: 1px solid var(--v8-accent);
}
.v8-rail__apps {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-width: none;
}
.v8-rail__apps::-webkit-scrollbar {
  display: none;
}
.v8-rail-item {
  position: relative;
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: var(--v8-radius-md);
  background: transparent;
  color: var(--v8-muted);
  cursor: pointer;
  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),
    box-shadow var(--v8-motion-fast) var(--v8-ease-standard),
    transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-rail-item:hover:not(.is-active) { background:var(--v8-surface-2);color:var(--v8-text);transform:translateY(-2px); }
.v8-rail-item.is-active {
  border-color: var(--v8-accent-line);
  background: var(--v8-accent-soft);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 8px 22px color-mix(in srgb, var(--v8-accent) 10%, transparent);
  color: var(--v8-accent);
}
.v8-rail-item.is-active::before {
  position: absolute;
  left: -10px;
  width: 2px;
  height: 20px;
  border-radius: 0 var(--v8-radius-pill) var(--v8-radius-pill) 0;
  background: var(--v8-accent);
  box-shadow: 0 0 14px var(--v8-accent-line);
  animation: v8-rail-pulse 2s ease-in-out infinite;
  content: "";
}
@keyframes v8-rail-pulse { 0%,100% { opacity:.8; box-shadow:0 0 10px var(--v8-accent-line); } 50% { opacity:1; box-shadow:0 0 18px var(--v8-accent); } }
.v8-rail-item--command {
  margin-top: auto;
  border-color: var(--v8-border);
  background: var(--v8-surface-1);
  color: var(--v8-text-secondary);
}
.v8-context-strip {
  z-index: var(--v8-z-header);
  display: grid;
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
  grid-template-rows: minmax(58px, auto);
  align-items: stretch;
  gap: 0;
  padding: 0 clamp(14px, 2vw, 24px);
  border-bottom: 1px solid var(--v8-divider);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v8-surface-1) 58%, transparent), transparent),
    var(--v8-header-glass);
  box-shadow: var(--v8-shadow-header-lit);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
}
.v8-topbar__main {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(390px, 1.15fr) minmax(260px, 0.9fr) minmax(340px, 1fr);
  align-items: center;
  gap: var(--v8-space-4);
}
.v8-topbar__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--v8-space-3);
}
.v8-topbar__workspace {
  display: inline-flex;
  min-width: 0;
  height: 44px;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding: 0 10px 0 8px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: color-mix(in srgb, var(--v8-surface-2) 82%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
  color: var(--v8-text-secondary);
  cursor: pointer;
  outline: none;
  transition:
    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),
    transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-topbar__workspace:focus-visible {
  box-shadow: var(--v8-shadow-focus);
  outline: 1px solid var(--v8-accent);
}
.v8-topbar__workspace-mark {
  position: relative;
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: var(--v8-radius-sm);
  background: var(--v8-context-soft);
  color: var(--v8-context-accent);
  font-size: var(--v8-font-md);
  font-weight: var(--v8-weight-bold);
  overflow: hidden;
  transition: background-color var(--v8-motion-slow) var(--v8-ease-standard), color var(--v8-motion-slow) var(--v8-ease-standard);
}
.v8-topbar__workspace-mark svg {
  width: 100%;
  height: 100%;
  display: block;
}
.v8-topbar__workspace-mark::after {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--v8-success);
  box-shadow: 0 0 10px var(--v8-success-glow);
  content: "";
}
.v8-topbar__workspace-copy {
  display: grid;
  min-width: 0;
  text-align: left;
}
.v8-topbar__workspace-copy > span {
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
  font-weight: var(--v8-weight-semibold);
  letter-spacing: 0;
  line-height: 1;
}
.v8-topbar__workspace-copy > strong {
  max-width: 150px;
  overflow: hidden;
  color: var(--v8-text);
  font-size: var(--v8-font-sm);
  font-weight: var(--v8-weight-semibold);
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-breadcrumbs {
  display: grid;
  min-width: 0;
  gap: 2px;
  color: var(--v8-muted);
}
.v8-breadcrumbs ol {
  display: flex;
  min-width: 0;
  min-height: 24px;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.v8-breadcrumbs li {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  color: var(--v8-muted);
  white-space: nowrap;
  animation: v8-breadcrumb-enter var(--v8-motion-base) var(--v8-ease-out) both;
}
.v8-breadcrumb-separator {
  width: 16px;
  flex: 0 0 16px;
  color: color-mix(in srgb, var(--v8-muted) 58%, transparent);
  font-size: var(--v8-type-body);
  text-align: center;
}
.v8-breadcrumb-button {
  display: inline-flex;
  min-width: 0;
  height: 26px;
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  border: 1px solid transparent;
  border-radius: var(--v8-radius-sm);
  background: transparent;
  color: var(--v8-muted);
  cursor: pointer;
  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-breadcrumb-button:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-breadcrumb-button svg { width: 14px; height: 14px; flex: 0 0 14px; }
.v8-breadcrumb-button span {
  overflow: hidden;
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-breadcrumb-step.is-current .v8-breadcrumb-button {
  border-color: var(--v8-border);
  background: color-mix(in srgb, var(--v8-surface-2) 76%, transparent);
  color: var(--v8-text);
  font-weight: var(--v8-weight-semibold);
}
.v8-breadcrumb-step.is-current .v8-breadcrumb-button svg { color: var(--v8-accent); }
.v8-breadcrumb-context {
  display: flex;
  min-width: 0;
  min-height: 14px;
  align-items: center;
  gap: 9px;
  padding-left: 7px;
  overflow: hidden;
  white-space: nowrap;
}
.v8-breadcrumb-context__item {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
  line-height: 1;
}
.v8-breadcrumb-context__item small { color: var(--v8-muted); font-size: inherit; }
.v8-breadcrumb-context__item strong { max-width: 92px; overflow: hidden; color: var(--v8-text-secondary); font-size: inherit; font-weight: var(--v8-weight-medium); text-overflow: ellipsis; white-space: nowrap; }
.v8-breadcrumb-context__item--sync { flex: 0 0 auto; color: var(--v8-success); }
.v8-breadcrumb-context__item--sync > i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px var(--v8-success-glow); }
.v8-breadcrumb-context__item--sync[data-status="syncing"] { color: var(--v8-info); }
.v8-breadcrumb-context__item--sync[data-status="warning"] { color: var(--v8-warning); }
.v8-breadcrumb-context__item--sync[data-status="error"] { color: var(--v8-danger); }
.v8-command-launcher {
  display: grid;
  width: 100%;
  height: 42px;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--v8-space-3);
  padding: 0 var(--v8-space-3);
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: color-mix(in srgb, var(--v8-surface-sunken) 88%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 12px 24px rgba(0, 0, 0, 0.08);
  color: var(--v8-muted);
  cursor: pointer;
  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),
    border-color var(--v8-motion-fast) var(--v8-ease-standard),
    box-shadow var(--v8-motion-fast) var(--v8-ease-standard),
    transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-command-launcher:focus-visible {
  border-color: var(--v8-accent-line);
  box-shadow: var(--v8-shadow-focus);
}
.v8-command-launcher > svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
}
.v8-command-launcher > span {
  overflow: hidden;
  font-size: var(--v8-font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}
kbd {
  display: inline-flex;
  min-width: 24px;
  height: 22px;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 1px solid var(--v8-border);
  border-bottom-color: var(--v8-border-strong);
  border-radius: var(--v8-radius-xs);
  background: var(--v8-canvas-raised);
  color: var(--v8-muted);
  font-family: var(--v8-mono);
  font-size: var(--v8-font-micro);
  line-height: 1;
}
.v8-context-strip__tools {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}
.v8-topbar__tools [data-tooltip]::after {
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  transform: translate3d(0, -4px, 0);
}
.v8-topbar__tools [data-tooltip]:hover::after,
.v8-topbar__tools [data-tooltip]:focus-visible::after {
  transform: translate3d(0, 0, 0);
}
.v8-topbar__tools > button {
  position: relative;
  display: inline-flex;
  height: var(--v8-control-md);
  min-height: var(--v8-control-md);
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: color-mix(in srgb, var(--v8-surface-1) 76%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
  color: var(--v8-text);
  font-size: var(--v8-font-sm);
  cursor: pointer;
  outline: none;
  transition: background-color var(--v8-motion-fast) var(--v8-ease-standard), border-color var(--v8-motion-fast) var(--v8-ease-standard), color var(--v8-motion-fast) var(--v8-ease-standard), box-shadow var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-topbar__tools > button:hover {
  border-color: var(--v8-border-strong);
  background: color-mix(in srgb, var(--v8-surface-2) 86%, transparent);
  color: var(--v8-text);
}
.v8-topbar__tools > button:focus-visible {
  box-shadow: var(--v8-shadow-focus);
  outline: 1px solid var(--v8-accent);
}
.v8-topbar__tools > button svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
  flex: 0 0 auto;
}
.v8-topbar__tools > .v8-icon-button,
.v8-topbar__tools > .v8-icon-button.v8-topbar-action {
  width: var(--v8-control-md);
  min-width: var(--v8-control-md);
  padding: 0;
  flex: 0 0 var(--v8-control-md);
}
.v8-topbar__tools > .v8-profile-button {
  width: auto;
  min-width: 58px;
  padding: 0 9px;
  gap: 5px;
}
.v8-topbar__tools > .v8-profile-button > span {
  width: 25px;
  height: 25px;
  border-radius: var(--v8-radius-sm);
  background: var(--v8-accent-soft);
  color: var(--v8-accent);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-bold);
  place-items: center;
}
.v8-topbar__tools > .v8-action-status > span {
  text-align: left;
}
.v8-topbar__tools > .v8-action-status small,
.v8-topbar__tools > .v8-action-status strong {
  font-size: var(--v8-font-micro);
  line-height: 1.2;
}
.v8-topbar__tools > .v8-action-status small {
  color: var(--v8-muted);
}
.v8-topbar__tools > .v8-action-status b,
.v8-topbar__tools > .v8-sync-action .v8-action-dot,
.v8-topbar__tools > .v8-action-status .v8-action-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--v8-success);
  box-shadow: 0 0 8px var(--v8-success-glow);
}
.v8-topbar__tools > .v8-brain-status .v8-action-dot,
.v8-topbar__tools > .v8-brain-status b,
.v8-topbar__tools > .v8-brain-status .v8-action-dot { background: var(--v8-brain); box-shadow: 0 0 8px var(--v8-brain-glow); }
.v8-topbar__tools > .v8-focus-status .v8-action-dot,
.v8-topbar__tools > .v8-focus-status b,
.v8-topbar__tools > .v8-focus-status .v8-action-dot { background: var(--v8-accent); box-shadow: 0 0 8px var(--v8-accent-glow); }
.v8-topbar__tools > .v8-sync-action:is([data-status="loading"],[data-status="saving"],[data-status="retrying"],[data-status="syncing"]) .v8-action-dot { background: var(--v8-info); box-shadow: 0 0 8px var(--v8-info-glow); }
.v8-status-bar {
  z-index: var(--v8-z-header);
  display: flex;
  min-width: 0;
  grid-column: 2;
  grid-row: 3;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  padding: 0 clamp(14px, 2vw, 24px);
  overflow: hidden;
  border-top: 1px solid color-mix(in srgb, var(--v8-context-accent) 18%, var(--v8-divider));
  background: color-mix(in srgb, var(--v8-canvas-raised) 94%, transparent);
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
  transition: opacity var(--v8-motion-fast) var(--v8-ease-standard);
}
.v8-status-item {
  display: inline-flex;
  min-width: 0;
  height: 24px;
  align-items: center;
  gap: 5px;
  padding: 0 7px;
  border: 0;
  border-radius: var(--v8-radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  white-space: nowrap;
}
button.v8-status-item { cursor: pointer; 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); }
button.v8-status-item:focus-visible { box-shadow: var(--v8-shadow-focus); outline: 0; }
.v8-status-item svg { width: 12px; height: 12px; flex: 0 0 12px; }
.v8-status-item[data-tone="online"] svg { color: var(--v8-success); }
.v8-status-item[data-tone="syncing"] svg,
.v8-status-item[data-tone="sync"] svg,
.v8-status-item[data-tone="saving"] svg { color: var(--v8-info); }
.v8-status-item[data-tone="brain"] svg { color: var(--v8-brain); }
.v8-status-item[data-tone="warning"] { color: var(--v8-warning); }
.v8-status-item[data-tone="error"] { color: var(--v8-danger); }
.v8-status-item--clock { font-variant-numeric: tabular-nums; }
.v8-status-item--focus { color: var(--v8-accent); font-variant-numeric: tabular-nums; }
.v8-status-item--ambience svg { color: var(--v8-info); }
.v8-topbar-action {
  overflow: visible;
  border-color: var(--v8-border);
  background: color-mix(in srgb, var(--v8-surface-1) 78%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
}
.v8-notification-button {
  position: relative;
  overflow: visible;
}
.v8-mail-signal { position:absolute;z-index:2;bottom:-5px;left:-5px;display:grid;width:18px;height:18px;place-items:center;border:1px solid color-mix(in srgb,var(--v8-canvas) 76%,transparent);border-radius:var(--v8-radius-pill);background:var(--v8-info);box-shadow:0 6px 14px rgba(0,0,0,.24),0 0 10px color-mix(in srgb,var(--v8-info) 24%,transparent);color:var(--v8-inverse);opacity:0;pointer-events:none;transform:translate3d(3px,2px,0) scale(.78); }
.v8-mail-signal svg { width:10px;height:10px;stroke-width:2; }
.v8-notification-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  display: grid;
  min-width: 18px;
  height: 18px;
  place-items: center;
  padding: 0 5px;
  border: 1px solid color-mix(in srgb, var(--v8-canvas) 76%, transparent);
  border-radius: var(--v8-radius-pill);
  background: var(--v8-warning);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
  color: var(--v8-inverse);
  font-size: var(--v8-font-micro);
  font-variant-numeric: tabular-nums;
  font-weight: var(--v8-weight-bold);
  line-height: 1;
}
.v8-profile-button {
  display: flex;
  width: auto;
  min-width: 58px;
  height: 38px;
  flex: 0 0 auto;
  gap: 5px;
  padding: 0 9px;
  border-color: var(--v8-border);
  background: color-mix(in srgb, var(--v8-surface-1) 80%, transparent);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
}
.v8-profile-button > span {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: var(--v8-radius-sm);
  background: var(--v8-accent-soft);
  color: var(--v8-accent);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-bold);
  overflow: hidden;
}
.v8-profile-button__mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.v8-profile-button > svg {
  width: 14px;
  height: 14px;
  color: var(--v8-muted);
}
.v8-dock-host {
  --v8-dock-offset:36px;
  position: fixed;
  z-index: var(--v8-z-popover);
  bottom: 40px;
  left: 50%;
  display: grid;
  max-width: calc(100vw - 96px);
  justify-items: center;
  pointer-events: none;
  transform: translate3d(calc(-50% + var(--v8-dock-offset)),0,0);
  transition: transform var(--v8-motion-base) var(--v8-ease-spring), opacity var(--v8-motion-fast) var(--v8-ease-standard);
}
.v8-shell[data-rail="expanded"] .v8-dock-host { --v8-dock-offset:122px; }
.v8-floating-dock {
  position: relative;
  display: flex;
  max-width: 100%;
  align-items: flex-end;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-dock);
  background: linear-gradient(180deg,var(--v8-surface-glint),transparent 42%),color-mix(in srgb,var(--v8-dialog-glass) 86%,transparent);
  box-shadow: var(--v8-shadow-float),0 0 26px color-mix(in srgb,var(--v8-accent) 8%,transparent);
  backdrop-filter: blur(calc(var(--v8-blur) + 3px)) saturate(var(--v8-saturate));
  pointer-events: auto;
  animation: v8-dock-enter var(--v8-motion-base) var(--v8-ease-window) both;
}
.v8-floating-dock::before {
  position: absolute;
  top: 1px;
  right: 16px;
  left: 16px;
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--v8-surface-glint),transparent);
  content: "";
  opacity: .85;
  pointer-events: none;
}
.v8-dock-apps { display: flex; min-width: 0; align-items: flex-end; gap: 4px; overflow: visible; }
.v8-dock-app,.v8-dock-control,.v8-dock-more { position: relative; display: grid; width: 50px; height: 54px; flex: 0 0 50px; place-items: center; border: 0; background: transparent; color: var(--v8-text-secondary); cursor: pointer; outline: none; transform-origin: center bottom; backface-visibility: hidden; transition: color var(--v8-motion-fast) var(--v8-ease-standard),opacity var(--v8-motion-fast) var(--v8-ease-standard),transform var(--v8-motion-base) var(--v8-ease-spring); }
.v8-dock-app__plate { position: relative; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: linear-gradient(145deg,var(--v8-surface-2),var(--v8-surface-sunken)); box-shadow: var(--v8-shadow-height-1); 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-physics-friction),transform var(--v8-motion-instant) var(--v8-ease-press); }
.v8-dock-app svg { width: 23px; height: 23px; stroke-width: 1.8; backface-visibility: hidden; shape-rendering: geometricPrecision; }
.v8-dock-app::before { position: absolute; inset: 4px; border-radius: var(--v8-radius-md); background: radial-gradient(circle,var(--v8-accent-soft),transparent 68%); content: ""; opacity: 0; transition: opacity var(--v8-motion-fast) var(--v8-ease-standard); }
.v8-dock-app.is-active { color: var(--v8-accent); }
.v8-dock-app.is-active .v8-dock-app__plate { border-color: var(--v8-accent-line); background: linear-gradient(145deg,var(--v8-accent-soft),var(--v8-surface-1)); }
.v8-dock-app.is-active::before { opacity: 1; }
.v8-dock-app.is-active::after { position: absolute; bottom: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--v8-accent); box-shadow: 0 0 12px var(--v8-accent); content: ""; }
.v8-dock-app.is-dragging { opacity: .35; transform: translate3d(0,4px,0) scale(.9); }
.v8-dock-app.is-dragging .v8-dock-app__plate { box-shadow:var(--v8-shadow-height-4); }
.v8-dock-app.is-drop-target .v8-dock-app__plate { border-color: var(--v8-accent); }
.v8-dock-separator { width: 1px; height: 34px; margin: 0 2px 4px; background: var(--v8-divider); }
.v8-dock-control,.v8-dock-more { width: 42px; flex-basis: 42px; color: var(--v8-muted); }
.v8-dock-control svg,.v8-dock-more svg { width: 20px; height: 20px; transition: transform var(--v8-motion-instant) var(--v8-ease-press); }
.v8-dock-control.is-active,.v8-dock-more.is-active { color: var(--v8-accent); }
.v8-dock-control.is-active { transform: rotate(90deg); }
.v8-dock-app:focus-visible,.v8-dock-control:focus-visible,.v8-dock-more:focus-visible { box-shadow: var(--v8-shadow-focus); transform: translate3d(0,-4px,0) scale(1.08); }
.v8-dock-app[data-haptic-state="pressed"] .v8-dock-app__plate,.v8-dock-control[data-haptic-state="pressed"] svg,.v8-dock-more[data-haptic-state="pressed"] svg { transform: translate3d(0,1px,0) scale(.9); }
.v8-dock-app[data-haptic-state="released"] .v8-dock-app__plate,.v8-dock-control[data-haptic-state="released"] svg,.v8-dock-more[data-haptic-state="released"] svg { animation: v8-dock-haptic-release var(--v8-haptic-release-duration) var(--v8-haptic-spring) both; }
@media (hover:hover) and (pointer:fine) {
  html[data-v8-interactions]:not([data-v8-dock-magnify="false"]) body .v8-dock-app:hover:not(:focus-visible) { transform: translate3d(0,-6px,0) scale(1.08); }
  html:not([data-v8-dock-magnify="false"]) .v8-dock-app:has(+ .v8-dock-app:hover), html:not([data-v8-dock-magnify="false"]) .v8-dock-app:hover + .v8-dock-app { transform: translate3d(0,-2px,0) scale(1.04); }
  .v8-dock-app:hover .v8-dock-app__plate { border-color: var(--v8-accent-line); background: linear-gradient(145deg,var(--v8-surface-2),var(--v8-surface-1)); box-shadow: 0 10px 22px rgba(0,0,0,0.25), 0 0 0 1px var(--v8-accent-line), 0 0 22px color-mix(in srgb,var(--v8-accent) 18%,transparent); }
  .v8-dock-app:hover svg { transform: scale(1.05); }
  .v8-dock-app:hover::before { opacity: .9; }
}
.v8-floating-dock [data-tooltip]::after { top: auto; bottom: calc(100% + 14px); left: 50%; transform: translate3d(-50%,4px,0); }
.v8-floating-dock [data-tooltip]:hover::after,.v8-floating-dock [data-tooltip]:focus-visible::after { transform: translate3d(-50%,0,0); }
.v8-dock-editor { position: absolute; bottom: calc(100% + 14px); left: 50%; display: grid; width: min(460px,calc(100vw - 20px)); max-height: min(600px,calc(100dvh - 120px)); grid-template-rows: auto auto minmax(0,1fr) auto; overflow: hidden; border: 1px solid var(--v8-border-highlight); border-radius: var(--v8-radius-lg); background: var(--v8-dialog-glass); box-shadow: var(--v8-shadow-window-open); backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate)); pointer-events: auto; transform: translate3d(-50%,0,0); animation: v8-dock-editor-enter var(--v8-motion-base) var(--v8-ease-window) both; }
.v8-dock-editor > header,.v8-dock-editor > footer { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-3); padding: var(--v8-space-3) var(--v8-space-4); background: var(--v8-header-glass); }
.v8-dock-editor > header { border-bottom: 1px solid var(--v8-divider); }.v8-dock-editor > footer { justify-content: flex-end; border-top: 1px solid var(--v8-divider); }
.v8-dock-editor > header > span { display: grid; }.v8-dock-editor > header small { color: var(--v8-accent); font-size: var(--v8-font-micro); }.v8-dock-editor > header strong { font-size: var(--v8-font-md); }
.v8-dock-editor__config { display: grid; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--v8-divider); background: var(--v8-surface-1); overflow-y: auto; max-height: 280px; overscroll-behavior: contain; scrollbar-width: thin; }
.v8-dock-editor__setting-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--v8-font-xs); }
.v8-dock-editor__setting-label { display: flex; align-items: center; gap: 8px; color: var(--v8-text-primary); font-weight: 500; }
.v8-dock-editor__setting-label svg { width: 16px; height: 16px; color: var(--v8-accent); }
.v8-dock-editor__setting-choices { display: flex; align-items: center; gap: 4px; background: var(--v8-surface-sunken); padding: 3px; border-radius: var(--v8-radius-sm); border: 1px solid var(--v8-border); flex-wrap: wrap; justify-content: flex-end; }
.v8-dock-editor__choice { border: 0; background: transparent; color: var(--v8-text-secondary); font-size: var(--v8-font-micro); font-weight: 500; padding: 4px 8px; border-radius: calc(var(--v8-radius-sm) - 2px); cursor: pointer; transition: all var(--v8-motion-fast) var(--v8-ease-standard); }
.v8-dock-editor__choice:hover { color: var(--v8-text-primary); }
.v8-dock-editor__choice.is-active { background: var(--v8-accent); color: #000; font-weight: 700; box-shadow: var(--v8-shadow-height-1); }
.v8-dock-editor__list { display: grid; gap: 4px; padding: 6px; overflow-y: auto; scrollbar-gutter: stable; }
.v8-dock-editor__row { display: flex; min-width: 0; min-height: 52px; align-items: center; justify-content: space-between; gap: var(--v8-space-3); padding: 6px 8px 6px 10px; border-radius: var(--v8-radius-md); background: var(--v8-surface-sunken); }
.v8-dock-editor__identity { display: flex; min-width: 0; align-items: center; gap: 10px; }.v8-dock-editor__identity > svg { width: 20px; height: 20px; color: var(--v8-accent); }.v8-dock-editor__identity > span { display: grid; min-width: 0; }.v8-dock-editor__identity strong { overflow: hidden; font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }.v8-dock-editor__identity small { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-dock-editor__actions { display: flex; align-items: center; gap: 4px; }.v8-dock-editor__actions .v8-icon-button { width: 34px; height: 34px; flex-basis: 34px; }.v8-dock-editor__pin.is-pinned { color: var(--v8-accent); }
.v8-dock-launcher { position: absolute; bottom: calc(100% + 10px); left: 50%; display: grid; width: min(420px,calc(100vw - 20px)); max-height: min(520px,calc(100dvh - 160px)); grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border:1px solid var(--v8-border-highlight); border-radius:var(--v8-radius-lg); background:var(--v8-dialog-glass); box-shadow:var(--v8-shadow-window-open); backdrop-filter:blur(var(--v8-blur)) saturate(var(--v8-saturate)); pointer-events:auto; transform:translate3d(-50%,0,0); animation:v8-dock-editor-enter var(--v8-motion-base) var(--v8-ease-window) both; }
.v8-dock-launcher > header { display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:var(--v8-space-3);padding:8px var(--v8-space-3) 8px var(--v8-space-4);border-bottom:1px solid var(--v8-divider);background:var(--v8-header-glass); }
.v8-dock-launcher > header > span { display:grid; }.v8-dock-launcher > header small { color:var(--v8-accent);font-size:var(--v8-font-micro); }.v8-dock-launcher > header strong { font-size:var(--v8-font-md); }
.v8-dock-launcher__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow-y:auto;padding:8px;overscroll-behavior:contain; }
.v8-dock-launcher__app { display:grid;min-width:0;min-height:56px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-1);color:var(--v8-text-secondary);outline:0;text-align:left; }
.v8-dock-launcher__app > span { display:grid;width:36px;height:36px;place-items:center;border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);color:var(--v8-muted); }.v8-dock-launcher__app svg { width:19px;height:19px; }.v8-dock-launcher__app strong { overflow:hidden;font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-dock-launcher__app.is-active { border-color:var(--v8-accent-line);background:var(--v8-accent-soft);color:var(--v8-text); }.v8-dock-launcher__app.is-active > span { color:var(--v8-accent); }
.v8-dock-launcher__app:focus-visible { box-shadow:var(--v8-shadow-focus-inset); }
.v8-dock-launcher > footer { display:flex;min-height:44px;align-items:center;gap:8px;padding:8px var(--v8-space-4);border-top:1px solid var(--v8-divider);color:var(--v8-muted);font-size:var(--v8-font-micro);line-height:1.4; }.v8-dock-launcher > footer svg { width:15px;height:15px;flex:0 0 15px;color:var(--v8-accent); }
@keyframes v8-dock-enter {
  0% { opacity: 0; transform: translate3d(0,12px,0) scale(.96); }
  68% { opacity: 1; transform: translate3d(0,-1px,0) scale(1.008); }
  84% { opacity: 1; transform: translate3d(0,.25px,0) scale(.998); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@keyframes v8-dock-enter-mobile {
  0% { opacity: 0; transform: translate3d(0,4px,0); }
  68% { opacity: 1; transform: translate3d(0,-.5px,0); }
  84% { opacity: 1; transform: translate3d(0,.2px,0); }
  100% { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes v8-dock-editor-enter {
  0% { opacity: 0; transform: translate3d(-50%,10px,0) scale(.98); }
  68% { opacity: 1; transform: translate3d(-50%,-1px,0) scale(1.006); }
  84% { opacity: 1; transform: translate3d(-50%,.25px,0) scale(.998); }
  100% { opacity: 1; transform: translate3d(-50%,0,0) scale(1); }
}
@keyframes v8-dock-haptic-release {
  0% { transform: translate3d(0,1px,0) scale(.9); }
  52% { transform: translate3d(0,-1px,0) scale(1.08); }
  74% { transform: translate3d(0,.25px,0) scale(.985); }
  100% { transform: translate3d(0,0,0) scale(1); }
}
.v8-stage-wrap {
  position: relative;
  min-width: 0;
  min-height: 0;
  grid-column: 2;
  grid-row: 2;
  overflow: hidden;
  box-shadow: inset 0 90px 120px -130px var(--v8-context-line);
  transition: transform var(--v8-motion-base) var(--v8-ease-window);
}
.v8-shell.is-command-hud-open .v8-stage-wrap { transform: scale(0.985); }
.v8-signal-ribbon {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, var(--v8-accent), transparent 32%, transparent 76%, var(--v8-info));
  opacity: 0.62;
  pointer-events: none;
}
.v8-stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.v8-stage.is-route-transitioning {
  animation: v8-stage-transition var(--v8-motion-slow) var(--v8-ease-out) both;
}
.v8-page {
  width: min(100%, var(--v8-layout-page-max));
  min-height: 100%;
  margin: 0 auto;
  padding: var(--v8-layout-section-gap) var(--v8-layout-page-gutter) calc(var(--v8-layout-section-gap) + 112px);
  animation: v8-page-enter var(--v8-motion-base) var(--v8-ease-out) both;
  content-visibility: auto;
  contain-intrinsic-size: 1px 1000px;
}
.v8-page-heading {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--v8-layout-column-gap);
  margin-bottom: var(--v8-layout-section-gap);
}
.v8-page-heading__copy {
  min-width: 0;
  max-inline-size: min(100%, var(--v8-measure-longform));
}
.v8-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-semibold);
  line-height: 1.25;
  text-transform: uppercase;
}
.v8-page-heading h1 {
  max-inline-size: var(--v8-measure-title);
  color: var(--v8-text);
  font-size: var(--v8-type-h1);
  font-weight: var(--v8-weight-bold);
  line-height: var(--v8-leading-heading);
}
.v8-home-heading h1 {
  font-size: var(--v8-type-h1);
}
.v8-home {
  --v8-dashboard-float-distance: -1.1px;
  position: relative;
  isolation: isolate;
}
.v8-home > :not(.v8-home-ambient) {
  position: relative;
  z-index: 1;
}
.v8-home-ambient {
  position: absolute;
  z-index: 0;
  inset: 0 max(12px, 1vw) 72px;
  overflow: hidden;
  border-radius: var(--v8-radius-lg);
  pointer-events: none;
}
.v8-home-ambient__wash,
.v8-home-ambient__light {
  position: absolute;
  inset: -8%;
  opacity: 0.18;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  animation: none;
  will-change: auto;
}
.v8-home-ambient__wash {
  background: linear-gradient(116deg, transparent 15%, color-mix(in srgb, var(--v8-ambient-accent) 5%, transparent) 44%, color-mix(in srgb, var(--v8-info) 2%, transparent) 56%, transparent 82%);
}
.v8-home-ambient__light {
  background: linear-gradient(180deg, var(--v8-ambient-phase-light), transparent 54%), linear-gradient(90deg, transparent 8%, color-mix(in srgb, var(--v8-text) 1.4%, transparent) 48%, transparent 92%);
  opacity: 0.22;
}
.v8-home-float {
  transform: translate3d(0, 0, 0);
  animation: none;
  will-change: auto;
}
.v8-home-float--hero {
  --v8-dashboard-float-duration: 24s;
  --v8-dashboard-float-delay: -11s;
}
.v8-home-float--timeline {
  --v8-dashboard-float-distance: -0.8px;
  --v8-dashboard-float-duration: 28s;
  --v8-dashboard-float-delay: -19s;
}
.v8-page-heading p {
  max-inline-size: var(--v8-measure-copy);
  margin-top: var(--v8-space-2);
  color: var(--v8-text-secondary);
  font-size: var(--v8-type-body);
  line-height: var(--v8-line-base);
}
.v8-page-heading__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--v8-space-2);
}
.v8-home-primary,
.v8-home-secondary {
  display: grid;
  min-width: 0;
  grid-template-columns: var(--v8-layout-dashboard-columns);
  gap: var(--v8-layout-column-gap);
  margin-top: var(--v8-layout-major-gap);
}
.v8-continuity {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 390px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border-color: var(--v8-border-highlight);
  background: var(--v8-reflection-hero), color-mix(in srgb, var(--v8-surface-1) 94%, transparent);
  box-shadow: var(--v8-shadow-hero-lit);
}
.v8-continuity__monogram { position:absolute;z-index:0;top:64px;right:30px;font-size:var(--v8-brand-glyph-large);opacity:.54; }
.v8-continuity__signal {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--v8-accent), var(--v8-info) 48%, transparent 86%);
  opacity: 0.72;
}
.v8-home--evening .v8-continuity__signal,
.v8-home--night .v8-continuity__signal {
  background: linear-gradient(90deg, var(--v8-brain), var(--v8-info) 48%, transparent 86%);
}
.v8-continuity__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--v8-space-5) var(--v8-space-6) 0;
}
.v8-continuity__top .v8-eyebrow {
  margin: 4px 0 0;
}
.v8-badge svg {
  width: 13px;
  height: 13px;
}
.v8-continuity__body {
  position: relative;
  z-index: 1;
  display: flex;
  max-width: 720px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--v8-space-7) var(--v8-space-6);
}
.v8-continuity__icon {
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: var(--v8-space-5);
  place-items: center;
  border: 1px solid var(--v8-accent-line);
  border-radius: var(--v8-radius-md);
  background: var(--v8-accent-soft);
  color: var(--v8-accent);
}
.v8-continuity__icon svg {
  width: var(--v8-icon-lg);
  height: var(--v8-icon-lg);
}
.v8-continuity__type {
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-sm);
  font-weight: var(--v8-weight-medium);
}
.v8-continuity__body h2 {
  max-inline-size: var(--v8-measure-title);
  margin-top: var(--v8-space-2);
  color: var(--v8-text);
  font-size: var(--v8-type-h2);
  font-weight: var(--v8-weight-bold);
  line-height: var(--v8-leading-heading);
}
.v8-continuity__body p {
  max-inline-size: var(--v8-measure-copy);
  margin: var(--v8-space-3) 0 var(--v8-space-5);
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-md);
  line-height: var(--v8-line-relaxed);
}
.v8-continuity__metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--v8-divider);
  background: var(--v8-surface-sunken);
}
.v8-summary-metric {
  display: grid;
  min-width: 0;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: var(--v8-space-2);
  padding: var(--v8-space-4) var(--v8-space-5);
  color: var(--v8-muted);
}
.v8-summary-metric + .v8-summary-metric {
  border-left: 1px solid var(--v8-divider);
}
.v8-summary-metric svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
}
.v8-summary-metric strong {
  color: var(--v8-text);
  font-size: var(--v8-font-lg);
  font-weight: var(--v8-weight-semibold);
}
.v8-summary-metric span {
  overflow: hidden;
  font-size: var(--v8-font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-daystream {
  min-width: 0;
  min-height: 390px;
  padding: var(--v8-space-5);
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-sunken);
  box-shadow: var(--v8-shadow-card-lit);
}
.v8-section-heading {
  display: flex;
  min-height: 48px;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--v8-space-4);
  margin-bottom: var(--v8-space-4);
}
.v8-section-heading .v8-eyebrow {
  margin-bottom: 4px;
}
.v8-section-heading .v8-button {
  flex-shrink: 0;
}
.v8-section-heading .v8-button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-section-heading h2 {
  color: var(--v8-text);
  font-size: var(--v8-type-card-title);
  font-weight: var(--v8-weight-semibold);
  line-height: var(--v8-leading-card);
}
.v8-daystream__list {
  display: flex;
  flex-direction: column;
  gap: var(--v8-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.v8-day-entry {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--v8-space-3);
  padding: var(--v8-space-3);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-1);
  border: 1px solid var(--v8-border);
  text-align: left;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.v8-day-entry:hover {
  background: var(--v8-surface-2);
  border-color: var(--v8-accent);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.v8-day-entry__icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--v8-surface-3);
  color: var(--v8-muted);
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.v8-day-entry:hover .v8-day-entry__icon {
  background: var(--v8-accent);
  color: #fff;
  transform: scale(1.05);
}
.v8-day-entry__icon svg {
  width: 16px;
  height: 16px;
}
.v8-day-entry__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.v8-day-entry__content strong {
  color: var(--v8-text);
  font-size: var(--v8-font-sm);
  font-weight: var(--v8-weight-bold);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.v8-day-entry:hover .v8-day-entry__content strong {
  color: var(--v8-accent);
}
.v8-day-entry__content span {
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v8-day-entry__arrow {
  color: var(--v8-muted);
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.2s ease;
}
.v8-day-entry:hover .v8-day-entry__arrow {
  opacity: 1;
  transform: translateX(0);
  color: var(--v8-accent);
}
.v8-day-entry__arrow svg {
  width: 16px;
  height: 16px;
}
.v8-home-section { min-width: 0; }
.v8-recent-list,.v8-signal-list { display:grid;border-top:1px solid var(--v8-divider); }
.v8-button.v8-recent-row { display:grid;width:100%;height:auto;min-height:62px;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--v8-space-3);padding:10px 4px;border-bottom:1px solid var(--v8-divider);border-radius:0;text-align:left; }
.v8-recent-row__icon { display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--v8-border);border-radius:var(--v8-radius-sm);background:var(--v8-surface-1);color:var(--v8-text-secondary); }
.v8-recent-row__copy { display:block;min-width:0; }
.v8-recent-row__copy strong,.v8-recent-row__copy small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-recent-row__copy strong { color:var(--v8-text-secondary);font-size:var(--v8-font-sm);font-weight:var(--v8-weight-medium); }
.v8-recent-row__copy small { margin-top:3px;color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-signal-row { display:grid;min-width:0;min-height:62px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-3);border-bottom:1px solid var(--v8-divider); }
.v8-signal-row > svg { width:18px;height:18px;color:var(--v8-muted); }
.v8-signal-row > span { min-width:0; }
.v8-signal-row strong,.v8-signal-row small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-signal-row strong { color:var(--v8-text-secondary);font-size:var(--v8-font-sm);font-weight:var(--v8-weight-medium); }
.v8-signal-row small { color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-signal-row b { color:var(--v8-success);font-size:var(--v8-font-xs);font-weight:var(--v8-weight-medium); }
.v8-feature-page { display:flex;min-height:100%;flex-direction:column; }
.v8-panel__header { display:grid;min-height:68px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-3);padding:0 var(--v8-space-4);border-bottom:1px solid var(--v8-divider);background:linear-gradient(180deg,color-mix(in srgb,var(--v8-surface-2) 72%,transparent),transparent);box-shadow:inset 0 -1px 0 var(--v8-surface-glint); }
.v8-window-controls { display:inline-flex;align-items:center;gap:6px; }
.v8-window-controls span { width:9px;height:9px;border:1px solid color-mix(in srgb,var(--v8-border-strong) 70%,transparent);border-radius:50%;background:var(--v8-surface-3); }
.v8-window-controls span:nth-child(1) { background:var(--v8-danger); }.v8-window-controls span:nth-child(2) { background:var(--v8-warning); }.v8-window-controls span:nth-child(3) { background:var(--v8-success); }
.v8-panel__header .v8-eyebrow { margin:0 0 2px; }.v8-panel__header strong { font-size:var(--v8-font-md);font-weight:var(--v8-weight-semibold); }
.v8-panel__symbol { display:grid;width:52px;height:52px;margin-bottom:var(--v8-space-4);place-items:center;border:1px solid var(--v8-border-strong);border-radius:var(--v8-radius-md);background:var(--v8-surface-2);color:var(--v8-text-secondary); }
.v8-toast__icon { display:grid;width:30px;height:30px;place-items:center;border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);color:var(--v8-info); }
.v8-toast--success .v8-toast__icon { background:color-mix(in srgb,var(--v8-success) 12%,transparent);color:var(--v8-success); }.v8-toast--error .v8-toast__icon { background:var(--v8-danger-soft);color:var(--v8-danger); }.v8-toast--warning .v8-toast__icon { background:color-mix(in srgb,var(--v8-warning) 12%,transparent);color:var(--v8-warning); }.v8-toast--sync .v8-toast__icon,.v8-toast--update .v8-toast__icon,.v8-toast--brain .v8-toast__icon,.v8-toast--loading .v8-toast__icon { color:var(--v8-accent); }.v8-toast__icon svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }
.v8-command-layer { position:fixed;z-index:var(--v8-z-dialog);inset:0;display:grid;align-items:start;justify-items:center;padding:max(10vh,64px) 20px 24px;overflow:auto;background:var(--v8-overlay);opacity:0;backdrop-filter:blur(var(--v8-blur-backdrop)) saturate(var(--v8-saturate));transition:opacity var(--v8-motion-base) var(--v8-ease-out); }
.v8-command-layer.is-open { opacity:1; }.v8-command-layer:not(.is-open) { pointer-events:none; }
.v8-command-dialog { width:min(760px,100%);max-height:min(720px,calc(100dvh - 112px));overflow:hidden;border:1px solid var(--v8-border-highlight);border-radius:var(--v8-radius-lg);background:var(--v8-dialog-glass);box-shadow:var(--v8-shadow-window-open);backdrop-filter:blur(var(--v8-blur)) saturate(var(--v8-saturate));opacity:0;transform:translate3d(0,-10px,0) scale(.97);transition:box-shadow var(--v8-motion-base) var(--v8-physics-friction),opacity var(--v8-motion-fast) var(--v8-ease-out),transform var(--v8-motion-base) var(--v8-ease-window); }
.v8-command-layer.is-open .v8-command-dialog { box-shadow:var(--v8-shadow-modal-open);opacity:1;transform:translate3d(0,0,0) scale(1); }
.v8-command-search { display:grid;height:68px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:var(--v8-space-3);padding:0 var(--v8-space-4);border-bottom:1px solid var(--v8-divider); }.v8-command-search > svg { width:var(--v8-icon-md);height:var(--v8-icon-md);color:var(--v8-accent); }.v8-command-clear { display:grid;width:var(--v8-touch-target);height:var(--v8-touch-target);place-items:center;border:0;border-radius:var(--v8-radius-sm);background:transparent;color:var(--v8-muted);cursor:pointer;outline:none;transition:background-color var(--v8-motion-fast) var(--v8-ease-standard),color var(--v8-motion-fast) var(--v8-ease-standard); }.v8-command-clear[hidden] { display:none; }.v8-command-clear:hover { background:var(--v8-surface-2);color:var(--v8-text); }.v8-command-clear:focus-visible { box-shadow:var(--v8-shadow-focus); }.v8-command-clear svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }
.v8-command-input { width:100%;height:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--v8-text);font-size:var(--v8-font-lg);outline:none; }.v8-command-input::placeholder { color:var(--v8-muted); }
.v8-command-results { min-height:180px;max-height:min(540px,calc(100dvh - 250px));padding:var(--v8-space-2);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }.v8-command-section-label { position:sticky;z-index:2;top:calc(var(--v8-space-2) * -1);display:flex;min-height:38px;align-items:center;justify-content:space-between;padding:var(--v8-space-1) 10px 0;background:color-mix(in srgb,var(--v8-dialog-glass) 99%,transparent);color:var(--v8-muted);font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-transform:uppercase; }.v8-command-row { display:grid;min-width:0;grid-template-columns:minmax(0,1fr) var(--v8-touch-target);align-items:center; }
.v8-command-result { display:grid;width:100%;min-width:0;min-height:56px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-3);padding:7px 10px;border:1px solid transparent;border-radius:var(--v8-radius-sm);background:transparent;color:var(--v8-text-secondary);cursor:pointer;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),border-color var(--v8-motion-fast) var(--v8-ease-standard),transform var(--v8-motion-instant) var(--v8-ease-press); }.v8-command-result.is-selected { border-color:var(--v8-accent-line);background:var(--v8-accent-soft);color:var(--v8-text); }
.v8-command-result__icon { display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--v8-border);border-radius:var(--v8-radius-sm);background:var(--v8-surface-1);color:var(--v8-text-secondary); }.v8-command-result.is-selected .v8-command-result__icon { border-color:var(--v8-accent-line);background:var(--v8-accent-soft);color:var(--v8-accent); }.v8-command-result__copy { display:block;min-width:0; }.v8-command-result__copy strong,.v8-command-result__copy small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.v8-command-result__copy strong { color:inherit;font-size:var(--v8-font-sm);font-weight:var(--v8-weight-medium); }.v8-command-result__copy small { margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-command-result__category { padding:4px 8px;border:1px solid var(--v8-divider);border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);color:var(--v8-text-secondary);font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);white-space:nowrap;transition:all var(--v8-motion-fast) var(--v8-ease-standard); }.v8-command-result.is-selected .v8-command-result__category { border-color:var(--v8-accent-line);background:var(--v8-accent-soft);color:var(--v8-accent); }.v8-command-result__category[data-category="Spaces"] { border-color:rgba(168,85,247,.3);color:#c084fc;background:rgba(168,85,247,.08); }.v8-command-result__category[data-category="Navigation"] { border-color:rgba(59,130,246,.3);color:#60a5fa;background:rgba(59,130,246,.08); }.v8-command-result__category[data-category="Réglages"] { border-color:rgba(236,72,153,.3);color:#f472b6;background:rgba(236,72,153,.08); }.v8-command-result__category[data-category="Brain"] { border-color:rgba(16,185,129,.3);color:#34d399;background:rgba(16,185,129,.08); }
.v8-command-pin { display:grid;width:var(--v8-touch-target);height:var(--v8-touch-target);place-items:center;border-radius:var(--v8-radius-sm);background:transparent;color:var(--v8-muted);cursor:pointer;opacity:0;outline:none;transition:color var(--v8-motion-fast) var(--v8-ease-standard),background-color var(--v8-motion-fast) var(--v8-ease-standard),opacity var(--v8-motion-fast) var(--v8-ease-standard); }.v8-command-row:hover .v8-command-pin,.v8-command-pin:focus-visible,.v8-command-pin.is-pinned { opacity:1; }.v8-command-pin.is-pinned { background:var(--v8-surface-2);color:var(--v8-accent); }.v8-command-pin:focus-visible { box-shadow:var(--v8-shadow-focus); }.v8-command-pin svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }
.v8-command-footer { display:flex;min-height:42px;align-items:center;gap:var(--v8-space-4);padding:0 var(--v8-space-4);border-top:1px solid var(--v8-divider);color:var(--v8-muted);font-size:var(--v8-font-micro); }.v8-command-footer > span { display:flex;align-items:center;gap:5px; }.v8-command-footer__brand { margin-left:auto; }.v8-command-footer__brand svg { width:13px;height:13px;color:var(--v8-accent); }
.v8-fatal-error { display:grid;min-height:100dvh;place-items:center;align-content:center;gap:var(--v8-space-4);padding:var(--v8-space-7);text-align:center; }.v8-fatal-error h1 { font-size:var(--v8-font-2xl); }.v8-fatal-error p { max-width:480px;color:var(--v8-text-secondary); }
@keyframes v8-page-enter { from { opacity:0;transform:translate3d(0,8px,0) scale(.994); } to { opacity:1;transform:translate3d(0,0,0) scale(1); } }
@keyframes v8-stage-transition {
  0% { opacity: 0.76; transform: translate3d(0, 6px, 0) scale(0.997); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes v8-breadcrumb-enter {
  from { opacity: 0; transform: translate3d(-4px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (max-width: 1180px) {
  .v8-context-strip {
    padding-right: var(--v8-space-4);
    padding-left: var(--v8-space-4);
  }
  .v8-topbar__main {
    grid-template-columns: minmax(330px, 1fr) minmax(240px, 0.8fr) minmax(310px, 1fr);
  }
  .v8-home-primary,
  .v8-home-secondary {
    grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.8fr);
  }
  .v8-continuity__metrics {
    grid-template-columns: 1fr;
  }
  .v8-summary-metric + .v8-summary-metric {
    border-top: 1px solid var(--v8-divider);
    border-left: 0;
  }
}
@media (max-width: 980px) {
  .v8-status-item--session,
  .v8-status-item--version,
  .v8-breadcrumbs .v8-breadcrumb-step--workspace,
  .v8-breadcrumbs .v8-breadcrumb-step--space,
  .v8-breadcrumb-context__item--workspace,
  .v8-breadcrumb-context__item--space {
    display: none;
  }
  .v8-topbar__main {
    grid-template-columns: minmax(210px, 0.8fr) minmax(240px, 1fr) auto;
  }
  .v8-topbar__workspace-copy > strong {
    max-width: 110px;
  }
  .v8-home-primary,
  .v8-home-secondary {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-daystream {
    padding-left: 0;
  }
  .v8-continuity__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .v8-summary-metric + .v8-summary-metric {
    border-top: 0;
    border-left: 1px solid var(--v8-divider);
  }
}
@media (max-width: 820px) {
  .v8-shell:is(.has-open-panel,.is-command-hud-open,.is-mission-control-open) .v8-stage { overflow: hidden; }
  .v8-shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) calc(var(--v8-mobile-status-height) + env(safe-area-inset-bottom));
  }
  .v8-nav-slot {
    display: none;
  }
  .v8-context-strip {
    grid-column: 1;
    grid-row: 1;
    grid-template-rows: 58px;
    gap: 0;
    padding: env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));
  }
  .v8-topbar__main {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--v8-space-2);
  }
  .v8-topbar__identity {
    gap: var(--v8-space-2);
  }
  .v8-topbar__workspace {
    height: var(--v8-touch-target);
    padding-right: 8px;
  }
  .v8-topbar__workspace-copy > span {
    display: none;
  }
  .v8-topbar__workspace-copy > strong {
    max-width: 96px;
    font-size: var(--v8-font-xs);
  }
  .v8-breadcrumbs .v8-breadcrumb-step {
    display: none;
  }
  .v8-breadcrumbs .v8-breadcrumb-step--root,
  .v8-breadcrumbs .v8-breadcrumb-step.is-current { display: inline-flex; }
  .v8-breadcrumb-context__item:not(.v8-breadcrumb-context__item--sync) { display: none; }
  .v8-breadcrumb-context { min-height: 8px; padding-left: 7px; }
  .v8-breadcrumb-context__item--sync > span { display: none; }
  .v8-command-launcher {
    display: grid;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
  }
  .v8-command-launcher > span,
  .v8-command-launcher > kbd { display: none; }
  .v8-context-strip__tools {
    gap: 4px;
  }
  .v8-context-strip__tools > .v8-icon-button:nth-of-type(2),
  .v8-context-strip__tools > .v8-icon-button:nth-of-type(4) {
    display: none;
  }
  .v8-profile-button {
    height: 44px;
    min-width: 44px;
    padding: 0 6px;
  }
  .v8-profile-button > svg {
    display: none;
  }
  .v8-stage-wrap {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: calc(var(--v8-mobile-dock-clearance) - var(--v8-mobile-status-height));
  }
  html[data-v8-mobile-keyboard="open"] .v8-shell {
    grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) 0;
  }
  html[data-v8-mobile-keyboard="open"] .v8-stage-wrap { margin-bottom:0; }
  html[data-v8-mobile-keyboard="open"] .v8-status-bar,
  html[data-v8-mobile-keyboard="open"] .v8-dock-host { visibility:hidden;opacity:0;pointer-events:none; }
  .v8-stage {
    scrollbar-gutter: auto;
  }
  .v8-page {
    padding: var(--v8-layout-section-gap) max(var(--v8-layout-page-gutter), env(safe-area-inset-right)) calc(var(--v8-layout-section-gap) + env(safe-area-inset-bottom)) max(var(--v8-layout-page-gutter), env(safe-area-inset-left));
  }
  .v8-floating-dock { animation-name: v8-dock-enter-mobile; }
  .v8-page-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--v8-space-4);
    margin-bottom: var(--v8-layout-section-gap);
  }
  .v8-page-heading__actions {
    width: 100%;
  }
  .v8-page-heading__actions .v8-button {
    min-width: 0;
    flex: 1;
  }
  .v8-continuity {
    min-height: 440px;
  }
  .v8-continuity__top,
  .v8-continuity__body {
    padding-right: var(--v8-space-4);
    padding-left: var(--v8-space-4);
  }
  .v8-continuity__metrics {
    grid-template-columns: 1fr;
  }
  .v8-summary-metric + .v8-summary-metric {
    border-top: 1px solid var(--v8-divider);
    border-left: 0;
  }
  .v8-home-secondary {
    gap: var(--v8-layout-major-gap);
    margin-top: var(--v8-layout-major-gap);
  }
  .v8-panel {
    top: max(8px, env(safe-area-inset-top));
    right: max(8px, env(safe-area-inset-right));
    bottom: calc(var(--v8-mobile-dock-clearance) + env(safe-area-inset-bottom));
    left: max(8px, env(safe-area-inset-left));
    width: auto;
  }
  .v8-command-layer {
    align-items: start;
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) calc(var(--v8-mobile-dock-clearance) + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  }
  .v8-command-dialog {
    width: 100%;
    max-height: 100%;
  }
  .v8-command-context {
    flex-wrap: wrap;
    overflow: visible;
  }
  .v8-command-search {
    height: 58px;
  }
  .v8-command-search > kbd {
    display: none;
  }
  .v8-command-results {
    max-height: calc(100dvh - 190px - env(safe-area-inset-bottom));
  }
  .v8-command-result {
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .v8-command-result__category,
  .v8-command-footer > span:not(.v8-command-footer__brand) {
    display: none;
  }
  .v8-command-footer__brand {
    margin: 0 auto;
  }
  .v8-command-pin {
    opacity: 1;
  }
  .v8-toast-region {
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(var(--v8-mobile-dock-clearance) + env(safe-area-inset-bottom));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
  }
}
@media (max-width:820px) and (max-height:620px) {
  .v8-shell:has(input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus) {
    grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) 0;
  }
  .v8-shell:has(input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus) .v8-stage-wrap { margin-bottom:0; }
  .v8-shell:has(input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus) :is(.v8-status-bar,.v8-dock-host) { visibility:hidden;opacity:0;pointer-events:none; }
}
@media (max-width: 430px) {
  .v8-page-heading__actions {
    align-items: stretch;
    flex-direction: column;
  }
}
@media (max-width: 380px) {
  .v8-page {
    padding-right: max(8px, env(safe-area-inset-right));
    padding-left: max(8px, env(safe-area-inset-left));
  }
}
@media (prefers-reduced-motion: reduce) {
  .v8-page,
  .v8-stage.is-route-transitioning,
  .v8-breadcrumbs li {
    animation: none;
  }
  .v8-rail-item,
  .v8-rail__brand,
  .v8-breadcrumb-button,
  .v8-topbar__workspace,
  .v8-profile-button,
  .v8-command-launcher,
  .v8-command-layer,
  .v8-command-dialog,
  .v8-command-result,
  .v8-command-pin,
  .v8-stage-wrap {
    transition-duration: 1ms;
  }
  .v8-shell.is-command-hud-open .v8-stage-wrap { transform: none; }
  .v8-status-item {
    transition-duration: 1ms;
  }
}
.v8-shell {
  transition: grid-template-columns var(--v8-motion-base) var(--v8-ease-window), background-color var(--v8-motion-slow) var(--v8-ease-standard), box-shadow var(--v8-motion-slow) var(--v8-ease-standard);
}
.v8-shell[data-rail="expanded"] {
  grid-template-columns: 244px minmax(0, 1fr);
}
.v8-nav-slot,
.v8-rail {
  width: 100%;
}
.v8-rail {
  align-items: stretch;
  overflow: hidden;
}
.v8-rail__top {
  position: relative;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.v8-rail__brand {
  display: flex;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 var(--v8-surface-glint), 0 0 26px color-mix(in srgb, var(--v8-brand) 12%, transparent);
}
.v8-rail__brand strong {
  display: none;
  font-size: var(--v8-font-md);
  letter-spacing: 0;
  text-shadow: 0 0 20px color-mix(in srgb, var(--v8-brand) 18%, transparent);
}
.v8-rail__toggle {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: var(--v8-radius-sm);
  background: transparent;
  color: var(--v8-muted);
  cursor: pointer;
  outline: none;
  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-rail__toggle:focus-visible {
  box-shadow: var(--v8-shadow-focus);
}
.v8-rail__toggle svg,
.v8-rail-space svg,
.v8-rail-search svg,
.v8-rail-profile svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
}
.v8-rail-space,
.v8-rail-search,
.v8-rail-profile {
  display: flex;
  width: 100%;
  height: 44px;
  flex: 0 0 44px;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--v8-radius-md);
  background: transparent;
  color: var(--v8-text-secondary);
  cursor: pointer;
  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-rail-space:focus-visible,
.v8-rail-search:focus-visible,
.v8-rail-profile:focus-visible {
  box-shadow: var(--v8-shadow-focus);
}
.v8-rail-space {
  padding: 0 8px;
  border-color: color-mix(in srgb, var(--v8-context-line) 62%, var(--v8-border));
  background: color-mix(in srgb, var(--v8-surface-sunken) 98%, var(--v8-context-accent));
}
.v8-rail-space__mark,
.v8-rail-profile__avatar {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: var(--v8-radius-sm);
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-bold);
  overflow: hidden;
  object-fit: cover;
}
.v8-rail-space__mark {
  background: var(--v8-context-soft);
  color: var(--v8-context-accent);
  transition: background-color var(--v8-motion-slow) var(--v8-ease-standard), color var(--v8-motion-slow) var(--v8-ease-standard);
}
.v8-rail-space__mark svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
}
.v8-rail-profile__avatar {
  background: var(--v8-accent-soft);
  color: var(--v8-accent);
}
.v8-rail-profile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.v8-rail-space > span:nth-child(2) {
  display: grid;
  min-width: 0;
  flex: 1;
  text-align: left;
}
.v8-rail-space small,
.v8-rail-space strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-rail-space small {
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
}
.v8-rail-space strong {
  font-size: var(--v8-font-xs);
  font-weight: var(--v8-weight-semibold);
}
.v8-rail-search {
  padding: 0 11px;
  border-color: var(--v8-border);
  background: var(--v8-surface-1);
}
.v8-rail-search > span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-rail-search kbd {
  flex: 0 0 auto;
}
.v8-rail__apps {
  align-items: stretch;
  gap: var(--v8-space-3);
}
.v8-rail-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.v8-rail-group__label {
  display: none;
  width: 100%;
  padding: 2px 9px;
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
  font-weight: var(--v8-weight-semibold);
  text-transform: uppercase;
}
.v8-rail-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
.v8-rail-item > span {
  display: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-rail__footer {
  display: grid;
  justify-items: center;
  gap: 5px;
  padding-top: var(--v8-space-2);
  border-top: 1px solid var(--v8-divider);
}
.v8-rail-profile {
  width: 44px;
  padding: 0 7px;
}
.v8-rail-profile > strong,
.v8-rail-profile > svg {
  display: none;
}
.v8-rail:not(.is-expanded) .v8-rail__toggle {
  position: static;
  width: 22px;
  height: 22px;
  flex-basis: 22px;
  border: 1px solid var(--v8-border);
  background: var(--v8-surface-2);
}
.v8-rail:not(.is-expanded) .v8-rail__toggle svg { width: 13px; height: 13px; }
.v8-rail:not(.is-expanded) .v8-rail-space,
.v8-rail:not(.is-expanded) .v8-rail-search { width: 44px; align-self: center; justify-content: center; padding: 0; }
.v8-rail:not(.is-expanded) .v8-rail-space > span:nth-child(2),
.v8-rail:not(.is-expanded) .v8-rail-space > svg,
.v8-rail:not(.is-expanded) .v8-rail-search > span,
.v8-rail:not(.is-expanded) .v8-rail-search > kbd { display: none; }
.v8-rail.is-expanded .v8-rail__brand {
  width: auto;
  flex: 1;
  justify-content: flex-start;
  padding: 0 12px;
}
.v8-rail.is-expanded .v8-rail__toggle { position: static; width: 34px; height: 34px; flex-basis: 34px; }
.v8-rail.is-expanded .v8-rail__brand strong,
.v8-rail.is-expanded .v8-rail-group__label,
.v8-rail.is-expanded .v8-rail-item > span,
.v8-rail.is-expanded .v8-rail-profile > strong,
.v8-rail.is-expanded .v8-rail-profile > svg {
  display: block;
}
.v8-rail.is-expanded .v8-rail-group {
  align-items: stretch;
}
.v8-rail.is-expanded .v8-rail-item,
.v8-rail.is-expanded .v8-rail-profile {
  width: 100%;
  justify-content: flex-start;
  padding: 0 11px;
}
.v8-rail.is-expanded .v8-rail-item > span,
.v8-rail.is-expanded .v8-rail-profile > strong {
  flex: 1;
  text-align: left;
}
.v8-rail:not(.is-expanded) .v8-rail__top {
  min-height: 84px;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.v8-rail:not(.is-expanded) .v8-rail-space {
  justify-content: center;
  padding: 0;
}
.v8-rail:not(.is-expanded) .v8-rail-space > span:nth-child(2),
.v8-rail:not(.is-expanded) .v8-rail-space > svg,
.v8-rail:not(.is-expanded) .v8-rail-search > span,
.v8-rail:not(.is-expanded) .v8-rail-search > kbd {
  display: none;
}
.v8-rail:not(.is-expanded) .v8-rail-search {
  justify-content: center;
  padding: 0;
}
.v8-rail.is-expanded .v8-rail-profile > strong {
  overflow: hidden;
  font-size: var(--v8-font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-topbar__main {
  grid-template-columns: minmax(240px, 1fr) minmax(210px, 0.8fr) auto;
}
.v8-action-status {
  position: relative;
  display: flex;
  height: 38px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--v8-brain-line);
  border-radius: var(--v8-radius-md);
  background: var(--v8-brain-soft);
  color: var(--v8-brain);
  cursor: pointer;
  outline: none;
  transition: border-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-action-status:focus-visible {
  box-shadow: var(--v8-shadow-focus);
}
.v8-action-status > svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
}
.v8-action-status > span {
  display: grid;
  min-width: 0;
  text-align: left;
}
.v8-action-status small,
.v8-action-status strong {
  font-size: var(--v8-font-micro);
  line-height: 1.2;
}
.v8-action-status small {
  color: var(--v8-muted);
}
.v8-action-status b,
.v8-action-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--v8-success);
  box-shadow: 0 0 8px var(--v8-success-glow);
}
.v8-sync-action:is([data-status="loading"],[data-status="saving"],[data-status="retrying"],[data-status="syncing"]) .v8-action-dot {
  background: var(--v8-info);
}
.v8-sync-action[data-status="offline"] .v8-action-dot {
  background: var(--v8-warning);
  box-shadow: none;
}
.v8-sync-action:is([data-status="error"],[data-status="expired"]) .v8-action-dot {
  background: var(--v8-danger);
  box-shadow: none;
}
.v8-command-context {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 5px var(--v8-space-4);
  overflow-x: auto;
  border-bottom: 1px solid var(--v8-divider);
  background: var(--v8-surface-sunken);
  scrollbar-width: none;
}
.v8-command-context::-webkit-scrollbar {
  display: none;
}
.v8-command-context > span {
  display: inline-flex;
  height: 25px;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-pill);
  background: var(--v8-surface-1);
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
}
.v8-command-context svg {
  width: 12px;
  height: 12px;
}
.v8-command-context .v8-command-context__brain {
  margin-left: auto;
  border-color: var(--v8-brain-line);
  background: var(--v8-brain-soft);
  color: var(--v8-brain);
}
.v8-shell.is-mission-control-open .v8-stage-wrap { transform: scale(0.965); }
.v8-mission-layer { position: fixed; z-index: var(--v8-z-dialog); inset: 0; display: grid; place-items: center; padding: clamp(12px, 3vw, 40px); background: color-mix(in srgb, var(--v8-overlay) 90%, transparent); backdrop-filter: blur(var(--v8-blur-backdrop)) saturate(var(--v8-saturate)); opacity: 0; transition: opacity var(--v8-motion-base) var(--v8-ease-window); }
.v8-mission-layer.is-open { opacity: 1; }
.v8-mission-dialog { display: grid; width: min(1440px, 100%); height: min(900px, calc(100dvh - 48px)); max-height: 100%; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border: 1px solid var(--v8-border-highlight); border-radius: var(--v8-radius-lg); background: var(--v8-dialog-glass); box-shadow: var(--v8-shadow-window-open); opacity: 0; transform: translate3d(0, 18px, 0) scale(0.97); 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); }
.v8-mission-layer.is-open .v8-mission-dialog { box-shadow:var(--v8-shadow-modal-open);opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
.v8-mission-header { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: var(--v8-space-5); padding: var(--v8-space-4) var(--v8-space-6); border-bottom: 1px solid var(--v8-divider); background: var(--v8-header-glass); }
.v8-mission-header h2 { font-size: var(--v8-font-xl); }
.v8-mission-header p { margin-top: 3px; color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-mission-header__identity,.v8-mission-header__actions { display: flex; min-width: 0; align-items: center; gap: var(--v8-space-3); }
.v8-mission-header__identity > div:last-child { min-width: 0; }
.v8-mission-body { display: grid; min-height: 0; grid-template-columns: minmax(0, 1fr) var(--v8-layout-panel-width); gap: var(--v8-layout-column-gap); padding: var(--v8-layout-card-padding); overflow-y: auto; background: var(--v8-canvas-raised); scrollbar-gutter: stable; }
.v8-mission-workspace,.v8-mission-rail { display: grid; min-width: 0; align-content: start; gap: var(--v8-layout-section-gap); }
.v8-mission-rail { gap: var(--v8-layout-cluster-gap); }
.v8-mission-section { min-width: 0; }
.v8-mission-section__heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--v8-space-4); margin-bottom: var(--v8-space-3); }
.v8-mission-section__heading h3 { font-size: var(--v8-font-md); }
.v8-mission-section__heading span { color: var(--v8-muted); font: 500 var(--v8-font-xs)/1 var(--v8-mono); }
.v8-mission-spaces,.v8-mission-flows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v8-space-3); }
.v8-mission-item { min-width: 0; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); color: var(--v8-text-secondary); cursor: pointer; outline: none; text-align: left; animation: v8-mission-item-enter var(--v8-motion-base) var(--v8-ease-window) both; 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-fast) var(--v8-ease-standard), transform var(--v8-motion-fast) var(--v8-ease-window); }
.v8-mission-item:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-mission-item.is-active { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); }
.v8-space-card { display: grid; min-height: 108px; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: var(--v8-space-3); padding: var(--v8-space-4); }
.v8-space-card__icon,.v8-flow-card__icon,.v8-window-card__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: var(--v8-radius-md); background: var(--v8-surface-2); color: var(--v8-accent); }
.v8-space-card__copy,.v8-flow-card__copy,.v8-dashboard-card > span,.v8-widget-card > span,.v8-brain-activity > span { display: grid; min-width: 0; }
.v8-space-card__copy small,.v8-space-card__copy > span,.v8-flow-card__copy small,.v8-dashboard-card small,.v8-widget-card small,.v8-brain-activity small { overflow: hidden; color: var(--v8-muted); font-size: var(--v8-font-micro); text-overflow: ellipsis; white-space: nowrap; }
.v8-space-card__copy strong,.v8-flow-card__copy strong { color: var(--v8-text); font-size: var(--v8-font-md); }
.v8-space-card__copy > span { margin-top: 4px; line-height: 1.35; white-space: normal; }
.v8-space-card__active { color: var(--v8-accent); font-size: var(--v8-font-micro); font-weight: var(--v8-weight-semibold); }
.v8-flow-card { display: grid; min-height: 92px; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: var(--v8-space-3); padding: var(--v8-space-3); }
.v8-flow-card__icon { width: 32px; height: 32px; }
.v8-flow-card__steps { display: flex; grid-column: 1/-1; gap: 4px; }
.v8-flow-card__steps i { min-width: 0; flex: 1; overflow: hidden; color: var(--v8-muted); font-size: var(--v8-font-micro); font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.v8-mission-apps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--v8-space-3); }
.v8-window-card { min-height: 130px; overflow: hidden; background: var(--v8-surface-sunken); }
.v8-window-card__chrome { display: flex; height: 25px; align-items: center; gap: 5px; padding: 0 9px; border-bottom: 1px solid var(--v8-divider); background: var(--v8-surface-1); }
.v8-window-card__chrome span { width: 6px; height: 6px; border-radius: 50%; background: var(--v8-muted); opacity: .55; }
.v8-window-card__chrome span:first-child { background: var(--v8-danger); }.v8-window-card__chrome span:nth-child(2) { background: var(--v8-warning); }.v8-window-card__chrome span:last-child { background: var(--v8-success); }
.v8-window-card__preview { display: grid; min-height: 103px; place-items: center; align-content: center; gap: 5px; padding: var(--v8-space-3); }
.v8-window-card__preview strong { color: var(--v8-text); font-size: var(--v8-font-sm); }.v8-window-card__preview small { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-mission-dashboards,.v8-mission-brain { display: grid; gap: 7px; }
.v8-dashboard-card,.v8-brain-activity { display: grid; min-height: 54px; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; }
.v8-dashboard-card > svg,.v8-brain-activity > svg { color: var(--v8-accent); }
.v8-dashboard-card strong,.v8-widget-card strong,.v8-brain-activity strong { overflow: hidden; color: var(--v8-text); font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.v8-mission-widgets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.v8-widget-card { display: grid; min-height: 58px; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 9px; padding: 10px; }
.v8-widget-card > svg { color: var(--v8-info); }
.v8-brain-activity > svg:first-child { color: var(--v8-brain); }.v8-brain-activity--empty { border-style: dashed; }
@keyframes v8-mission-item-enter {
  from { opacity: 0; transform: translate3d(0,8px,0) scale(.985); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
.v8-context-menu {
  position: fixed;
  z-index: var(--v8-z-popover);
  width: 236px;
  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-context-menu__item {
  display: grid;
  width: 100%;
  height: 36px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 0 8px;
  border-radius: var(--v8-radius-sm);
  background: transparent;
  color: var(--v8-text-secondary);
  cursor: pointer;
  font-size: var(--v8-font-xs);
  outline: none;
  text-align: left;
  transition: background-color var(--v8-motion-fast) var(--v8-ease-standard), color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-instant) var(--v8-ease-press);
}
.v8-context-menu__item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v8-context-menu__item:focus-visible {
  background: var(--v8-accent-soft);
  color: var(--v8-accent);
}
.v8-context-menu__item svg {
  width: var(--v8-icon-sm);
  height: var(--v8-icon-sm);
}
.v8-context-menu__item kbd {
  font-size: var(--v8-font-micro);
}
.v8-context-menu__divider {
  height: 1px;
  margin: 5px 6px;
  border: 0;
  background: linear-gradient(90deg, transparent, var(--v8-divider), transparent);
}
.v8-panel__content {
  display: flex;
  height: calc(100% - 72px);
  flex-direction: column;
  gap: var(--v8-space-5);
  padding: var(--v8-space-5);
  overflow-y: auto;
}
.v8-panel__content--notifications { gap: var(--v8-space-3); }
.v8-panel-list-toolbar { position: sticky; z-index: 3; top: 0; display: grid; grid-template-columns: minmax(0,1fr) 112px 36px; align-items: center; gap: var(--v8-space-2); padding: 2px 0; background: color-mix(in srgb,var(--v8-surface-1) 99%,transparent); }
.v8-panel-list-toolbar .v8-icon-button { width: 36px; height: 36px; flex-basis: 36px; }
.v8-panel-bulk .v8-bulk-bar { margin: 0; padding-inline: var(--v8-space-2); border: 1px solid var(--v8-accent-line); border-radius: var(--v8-radius-md); }
.v8-panel-bulk .v8-bulk-bar .v8-button { padding-inline: 8px; }
.v8-panel-space-summary,
.v8-panel-profile-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--v8-space-3);
  padding: var(--v8-space-4);
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-1);
}
.v8-panel-space-summary > div,
.v8-panel-profile-card > div {
  display: grid;
  min-width: 0;
}
.v8-panel-space-summary small,
.v8-panel-space-summary span,
.v8-panel-profile-card span {
  color: var(--v8-muted);
  font-size: var(--v8-font-xs);
}
.v8-panel-profile-card__avatar {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  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 10px 24px color-mix(in srgb, var(--v8-accent) 9%, transparent);
  color: var(--v8-accent) !important;
  font-weight: var(--v8-weight-bold);
  overflow: hidden;
}
img.v8-panel-profile-card__avatar {
  object-fit: cover;
}
.v8-panel-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--v8-space-2);
}
.v8-panel-metric {
  display: grid;
  min-height: 92px;
  place-items: center;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-sunken);
}
.v8-panel-metric svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-accent); }
.v8-panel-metric strong { font-size: var(--v8-font-lg); }
.v8-panel-metric span { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-panel-section > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--v8-space-3);
}
.v8-panel-section > header span { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-panel-quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v8-space-2); }
.v8-panel-quick-grid .v8-button { justify-content: flex-start; }
.v8-profile-switcher-list { display: grid; gap: var(--v8-space-2); margin-top: var(--v8-space-2); }
.v8-profile-switcher-item { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-3); padding: var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); transition: border-color var(--v8-motion-fast) var(--v8-ease-standard), background-color var(--v8-motion-fast) var(--v8-ease-standard); }
html[data-v8-interactions] .v8-profile-switcher-item:hover { border-color: var(--v8-border-strong); background: var(--v8-surface-2); }
.v8-profile-switcher-item.is-active { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); }
.v8-profile-switcher-item__left { display: flex; align-items: center; gap: var(--v8-space-3); min-width: 0; }
.v8-profile-switcher-item__info { display: flex; flex-direction: column; min-width: 0; }
.v8-profile-switcher-item__info strong { font-size: var(--v8-font-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v8-profile-switcher-item__info span { font-size: var(--v8-font-micro); color: var(--v8-muted); }
.v8-world-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v8-space-2); margin-top: var(--v8-space-2); }
.v8-world-card { display: flex; flex-direction: column; justify-content: space-between; padding: var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); cursor: pointer; transition: border-color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-fast) var(--v8-ease-standard); }
html[data-v8-interactions] .v8-world-card:hover { border-color: var(--v8-border-strong); background: var(--v8-surface-2); transform: translateY(-1px); }
.v8-world-card__top { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-1); margin-bottom: 4px; }
.v8-world-card__city { font-size: var(--v8-font-xs); font-weight: var(--v8-weight-semibold); color: var(--v8-text-primary); }
.v8-world-card__badge { font-size: var(--v8-font-micro); color: var(--v8-muted); }
.v8-world-card__time { font-size: var(--v8-font-lg); font-weight: var(--v8-weight-bold); color: var(--v8-accent); line-height: 1.1; }
.v8-focus-express { display: grid; gap: var(--v8-space-3); padding: var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); }
.v8-focus-express__display { display: flex; align-items: center; justify-content: space-between; }
.v8-focus-express__timer { font-size: 28px; font-weight: var(--v8-weight-bold); font-variant-numeric: tabular-nums; color: var(--v8-text-primary); }
.v8-focus-express__status { font-size: var(--v8-font-micro); color: var(--v8-muted); text-transform: uppercase; font-weight: var(--v8-weight-semibold); }
.v8-focus-express__bar { height: 4px; border-radius: var(--v8-radius-pill); background: var(--v8-surface-3); overflow: hidden; }
.v8-focus-express__fill { height: 100%; background: var(--v8-accent); transition: width 0.3s ease; }
.v8-focus-express__controls { display: flex; gap: var(--v8-space-2); }
.v8-panel-notices { display: grid; gap: var(--v8-space-2); }
.v8-panel-notice {
  display: grid;
  grid-template-columns: 28px 24px minmax(0, 1fr) 8px 32px;
  align-items: center;
  gap: var(--v8-space-2);
  padding: var(--v8-space-3);
  border: 1px solid var(--v8-border);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-1);
  box-shadow: inset 0 1px 0 var(--v8-surface-glint);
  transition: border-color var(--v8-motion-fast) var(--v8-ease-standard), background-color var(--v8-motion-fast) var(--v8-ease-standard);
}
html[data-v8-interactions] .v8-panel-notice:hover { border-color: var(--v8-border-strong); background: var(--v8-surface-2); }
.v8-panel-notice:focus-visible { outline: none; box-shadow: var(--v8-shadow-focus); }
.v8-panel-notice.is-selected { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); }
.v8-panel-notice.is-read { opacity: .76; }
.v8-panel-notice > .v8-selection-control { opacity: .58; }
html[data-v8-interactions] .v8-panel-notice:hover > .v8-selection-control,.v8-panel-notice:focus-within > .v8-selection-control,.v8-panel-notice.is-selected > .v8-selection-control { opacity: 1; }
.v8-panel-notice__icon { color: var(--v8-info); }
.v8-panel-notice--success .v8-panel-notice__icon { color: var(--v8-success); }
.v8-panel-notice--brain .v8-panel-notice__icon { color: var(--v8-brain); }
.v8-panel-notice__icon svg { width: var(--v8-icon-md); height: var(--v8-icon-md); }
.v8-panel-notice strong { font-size: var(--v8-font-xs); }
.v8-panel-notice p { margin-top: 3px; color: var(--v8-muted); font-size: var(--v8-font-micro); line-height: 1.45; }
.v8-panel-notice__meta { display: flex; align-items: center; gap: var(--v8-space-2); margin-bottom: 2px; color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-panel-notice__category { padding: 1px 6px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-pill); background: var(--v8-surface-sunken); font-size: 10px; text-transform: uppercase; letter-spacing: 0.03em; }
.v8-panel-notice__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--v8-info); }
.v8-panel-notice--priority-high { border-left: 3px solid var(--v8-danger); }
.v8-panel-notice--priority-medium { border-left: 3px solid var(--v8-info); }
.v8-panel-notice--priority-low { border-left: 3px solid var(--v8-success); }
.v8-notification-mute { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v8-space-2); padding: var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); }
.v8-notification-mute > strong { width: 100%; color: var(--v8-text-secondary); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-semibold); }
.v8-notification-mute__cat { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-pill); background: var(--v8-surface-2); color: var(--v8-text-secondary); font-size: var(--v8-font-micro); cursor: pointer; }
.v8-notification-mute__cat.is-muted { opacity: .55; background: var(--v8-surface-sunken); color: var(--v8-muted); }
.v8-notification-mute__cat:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-notification-mute__cat svg { width: 14px; height: 14px; }
.v8-changelog-intro { margin-bottom: var(--v8-space-3); color: var(--v8-muted); font-size: var(--v8-font-xs); line-height: 1.5; }
.v8-changelog-list { display: grid; gap: var(--v8-space-3); }
.v8-changelog-entry { padding: var(--v8-space-4); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); box-shadow: inset 0 1px 0 var(--v8-surface-glint); }
.v8-changelog-entry > header { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-2); margin-bottom: var(--v8-space-2); }
.v8-changelog-entry__version { padding: 2px 8px; border-radius: var(--v8-radius-pill); background: var(--v8-accent-soft); color: var(--v8-accent); font-size: var(--v8-font-micro); font-weight: var(--v8-weight-semibold); white-space: nowrap; }
.v8-changelog-entry__date { color: var(--v8-muted); font-size: var(--v8-font-micro); white-space: nowrap; }
.v8-changelog-entry__title { display: block; margin-bottom: var(--v8-space-3); font-size: var(--v8-font-sm); }
.v8-changelog-entry__items { display: grid; gap: var(--v8-space-2); }
.v8-changelog-item { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 8px; }
.v8-changelog-item__icon { display: grid; place-items: center; margin-top: 2px; color: var(--v8-muted); }
.v8-changelog-item__icon svg { width: 13px; height: 13px; }
.v8-changelog-item__body { min-width: 0; }
.v8-changelog-item__label { display: block; margin-bottom: 1px; color: var(--v8-muted); font-size: var(--v8-font-micro); font-weight: var(--v8-weight-semibold); text-transform: uppercase; }
.v8-changelog-item p { margin: 0; color: var(--v8-text-secondary); font-size: var(--v8-font-micro); line-height: 1.5; }
.v8-changelog-item--feature .v8-changelog-item__icon,.v8-changelog-item--feature .v8-changelog-item__label { color: var(--v8-success); }
.v8-changelog-item--fix .v8-changelog-item__icon,.v8-changelog-item--fix .v8-changelog-item__label { color: var(--v8-warning); }
.v8-changelog-item--improvement .v8-changelog-item__icon,.v8-changelog-item--improvement .v8-changelog-item__label { color: var(--v8-info); }
.v8-changelog-item--i18n .v8-changelog-item__icon,.v8-changelog-item--i18n .v8-changelog-item__label { color: var(--v8-brain); }
.v8-home-brain { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: var(--v8-space-4); margin-top: var(--v8-space-6); padding: var(--v8-space-4); border-color: var(--v8-brain-line); background: var(--v8-reflection-card), color-mix(in srgb, var(--v8-brain-soft) 48%, var(--v8-surface-1)); box-shadow: var(--v8-shadow-brain-lit); }
.v8-home-brain__icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: var(--v8-radius-md); background: var(--v8-brain-soft); color: var(--v8-brain); }
.v8-home-brain__copy { min-width: 0; }
.v8-home-brain__copy .v8-eyebrow { margin-bottom: 2px; color: var(--v8-brain); }
.v8-home-brain__copy strong { display: block; font-size: var(--v8-font-sm); }
.v8-home-brain__copy p { overflow: hidden; margin-top: 2px; color: var(--v8-muted); font-size: var(--v8-font-xs); text-overflow: ellipsis; white-space: nowrap; }
.v8-home-brain__signals { display: grid; min-width: 0; grid-column: 1 / -1; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; margin: 0 calc(var(--v8-space-4) * -1) calc(var(--v8-space-4) * -1); border-top: 1px solid var(--v8-divider); background: var(--v8-divider); }
.v8-button.v8-briefing-signal { display: grid; min-width: 0; height: auto; min-height: 72px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--v8-space-2); padding: 10px 12px; border: 0; border-radius: 0; background: var(--v8-surface-sunken); box-shadow: none; text-align: left; white-space: normal; }
.v8-briefing-signal__icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: var(--v8-radius-sm); background: var(--v8-brain-soft); color: var(--v8-brain); }
.v8-briefing-signal__copy { min-width: 0; }
.v8-briefing-signal__copy > span { display: block; color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-briefing-signal__copy strong, .v8-briefing-signal__copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v8-briefing-signal__copy strong { margin-top: 2px; color: var(--v8-text); font-size: var(--v8-font-xs); }
.v8-briefing-signal__copy small { margin-top: 2px; color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-brain-live {
  display: inline-flex;
  height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--v8-brain-line);
  border-radius: var(--v8-radius-pill);
  background: var(--v8-brain-soft);
  color: var(--v8-brain);
  font-size: var(--v8-font-xs);
}
.v8-brain-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--v8-brain); box-shadow: 0 0 10px var(--v8-brain-line); }
.v8-brain-context { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr); gap: var(--v8-layout-column-gap); padding: var(--v8-layout-card-padding); border-color: var(--v8-brain-line); background: var(--v8-reflection-card), var(--v8-surface-1); box-shadow: var(--v8-shadow-brain-lit); }
.v8-continuity,.v8-home-brain,.v8-brain-context { --v8-breathe-color:var(--v8-ambient-accent);--v8-breathe-delay:0s;position:relative;isolation:isolate;overflow:hidden; }
.v8-home-brain,.v8-brain-context { --v8-breathe-color:var(--v8-brain); }
.v8-home-brain { --v8-breathe-delay:-8s; }
.v8-home-recommendation { --v8-breathe-color:var(--v8-accent);--v8-breathe-delay:-5s;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:var(--v8-space-4);margin-top:var(--v8-space-6);padding:var(--v8-space-4);border-color:var(--v8-accent-line);background:var(--v8-reflection-card),color-mix(in srgb,var(--v8-accent-soft) 40%,var(--v8-surface-1));box-shadow:var(--v8-shadow-brain-lit); }
.v8-home-recommendation__icon { display:grid;width:42px;height:42px;place-items:center;border-radius:var(--v8-radius-md);background:var(--v8-accent-soft);color:var(--v8-accent); }
.v8-home-recommendation__icon svg { width:22px;height:22px; }
.v8-home-recommendation__copy { min-width:0; }
.v8-home-recommendation__copy .v8-eyebrow { margin-bottom:2px;color:var(--v8-accent); }
.v8-home-recommendation__copy strong { display:block;font-size:var(--v8-font-sm); }
.v8-home-recommendation__copy p { overflow:hidden;margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-home-recommendation__reasons { display:flex;min-width:0;grid-column:1 / -1;flex-wrap:wrap;gap:6px; }
.v8-home-recommendation__reason { display:inline-flex;min-width:0;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-pill);background:color-mix(in srgb,var(--v8-surface-sunken) 70%,transparent);color:var(--v8-text-secondary);font-size:var(--v8-font-micro);font-weight:600; }
.v8-home-recommendation__reason::before { width:6px;height:6px;border-radius:50%;background:var(--v8-accent);content:""; }
.v8-brain-context { --v8-breathe-delay:-13s; }
.v8-focus-popover { position:fixed;min-width:190px;max-width:260px;padding:8px;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);backdrop-filter:blur(var(--v8-blur)) saturate(var(--v8-saturate)); }
.v8-focus-popover[hidden] { display:none; }
.v8-focus-popover__header { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;margin-bottom:4px;border-bottom:1px solid var(--v8-divider);color:var(--v8-text-primary);font-size:var(--v8-font-xs); }
.v8-focus-popover__phase { color:var(--v8-accent);font-size:var(--v8-font-micro);font-weight:600; }
.v8-focus-popover__group { display:grid;gap:3px;padding:4px 0; }
.v8-focus-popover__group + .v8-focus-popover__group { border-top:1px solid var(--v8-divider); }
.v8-focus-popover__group-label { padding:4px 8px;color:var(--v8-text-secondary);font-size:var(--v8-font-micro);font-weight:600;text-transform:uppercase;letter-spacing:.03em; }
.v8-focus-popover__item { display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--v8-radius-sm);background:transparent;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);font-weight:500;text-align:left;cursor:pointer;transition:color var(--v8-motion-fast),background-color var(--v8-motion-fast),border-color var(--v8-motion-fast); }
.v8-focus-popover__item svg { width:16px;height:16px;color:var(--v8-accent); }
.v8-focus-popover__item:hover { border-color:var(--v8-border);background:var(--v8-surface-sunken);color:var(--v8-text); }
.v8-continuity::after,.v8-home-brain::after,.v8-brain-context::after { --v8-breathe-opacity-min:.12;--v8-breathe-opacity-max:.22;position:absolute;z-index:0;inset:-14%;background:radial-gradient(ellipse at 76% 18%,color-mix(in srgb,var(--v8-breathe-color) 15%,transparent),transparent 43%),linear-gradient(125deg,transparent 30%,color-mix(in srgb,var(--v8-breathe-color) 3%,transparent) 50%,transparent 70%);content:"";pointer-events:none;animation:none;will-change:auto; }
.v8-continuity > :not([aria-hidden="true"]),.v8-home-brain > :not([aria-hidden="true"]),.v8-brain-context > :not([aria-hidden="true"]) { position:relative;z-index:1; }
.v8-home-live-grid > * { height: 100%; }
.v8-home-live-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--v8-layout-cluster-gap); margin-top: var(--v8-space-6); }
.v8-home-live-grid[hidden] { display: none; }
.v8-home-live-grid > section > article { position:relative;overflow:hidden;animation: v8-card-enter var(--v8-motion-base) var(--v8-ease-out) both; transition: transform var(--v8-motion-fast) var(--v8-ease-standard), box-shadow var(--v8-motion-fast) var(--v8-ease-standard); }
.v8-home-live-grid > section > article { --v8-spotlight-x:50%;--v8-spotlight-y:20%;perspective:900px; }
.v8-home-live-grid > section > article::before { position:absolute;inset:-20%;content:"";background:radial-gradient(circle at var(--v8-spotlight-x) var(--v8-spotlight-y),color-mix(in srgb,var(--v8-accent) 16%,transparent) 0%,transparent 42%);opacity:0;transition:opacity var(--v8-motion-fast);pointer-events:none; }
.v8-home-live-grid > section > article:hover::before { opacity:1; }
.v8-home-live-grid > section > article:hover { transform: translateY(-4px) perspective(800px) rotateX(1deg) rotateY(-1deg); box-shadow: var(--v8-shadow-card-lit), 0 14px 36px color-mix(in srgb,var(--v8-ambient-accent) 14%,transparent), 0 0 0 1px var(--v8-border-highlight); }
.v8-home-live-grid > section > article::after { position:absolute;inset:0;content:"";background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--v8-ambient-accent) 10%,transparent) 50%,transparent 70%);opacity:0;transform:translateX(-100%);transition:opacity var(--v8-motion-fast),transform .7s var(--v8-ease-out);pointer-events:none; }
.v8-home-live-grid > section > article:hover::after { opacity:1;transform:translateX(100%); }
.v8-home-live-grid > section > article .v8-minecraft-avatar__head,.v8-home-live-grid > section > article .v8-minecraft-avatar__cape img,.v8-home-live-grid > section > article .v8-discord-avatar__image img { transition: transform var(--v8-motion-base) var(--v8-ease-standard); }
.v8-home-live-grid > section > article:hover .v8-minecraft-avatar__head { transform: scale(1.08); }
.v8-home-live-grid > section > article:hover .v8-minecraft-avatar__cape img { transform: translateX(2px); }
.v8-home-live-grid > section > article:hover .v8-discord-avatar__image img { transform: scale(1.05); }
@keyframes v8-card-enter { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }
.v8-home-live-section[hidden] { display: none; }
.v8-home-live-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-3); margin-top: var(--v8-space-6); }
.v8-home-live-customize { display: grid; gap: 2px; margin-top: var(--v8-space-3); padding: 6px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-sunken); }
.v8-home-live-customize[hidden] { display: none; }
.v8-home-live-customize-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--v8-space-3); padding: 6px 8px; border-radius: var(--v8-radius-sm); }
.v8-home-live-customize-row.is-hidden { opacity: .5; }
.v8-home-live-customize-row__label { display: flex; min-width: 0; align-items: center; gap: 8px; overflow: hidden; }
.v8-home-live-customize-row__label span { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; font-size: var(--v8-font-xs); }
.v8-home-live-customize-row__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 2px; }
.v8-home-personalize { display: grid; gap: var(--v8-space-3); margin: var(--v8-space-4); padding: var(--v8-space-4); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); box-shadow: var(--v8-shadow-2); }
.v8-home-personalize[hidden] { display: none; }
.v8-home-personalize__header { display: flex; align-items: center; justify-content: space-between; gap: var(--v8-space-3); }
.v8-home-personalize__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--v8-space-2); }
.v8-home-section-toggle { display: flex; align-items: center; gap: var(--v8-space-2); padding: var(--v8-space-2) var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-2); color: var(--v8-text); font-size: var(--v8-font-sm); cursor: pointer; outline: none; transition: background-color var(--v8-motion-fast) var(--v8-ease-standard), opacity var(--v8-motion-fast) var(--v8-ease-standard); }
.v8-home-section-toggle:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-home-section-toggle.is-hidden { opacity: .55; background: var(--v8-surface-sunken); color: var(--v8-muted); }
.v8-home-section-toggle svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); }
[class$="-live__body"] { grid-template-columns:minmax(0,1fr); padding-bottom:22px; }
[class$="-live__body"] > strong,[class$="-live__body"] > p { min-width:0; }
.v8-spotify-live { position:relative;isolation:isolate;display:grid;min-width:0;container-type:inline-size;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-4);overflow:hidden;padding:var(--v8-space-4);border-color:color-mix(in srgb,var(--v8-success) 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,var(--v8-success) 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-spotify-live > :not(.v8-spotify-live__aura) { position:relative;z-index:1; }
.v8-spotify-live__aura { position:absolute;z-index:0;inset:-45% -10%;background:radial-gradient(ellipse at 25% 50%,color-mix(in srgb,var(--v8-success) 15%,transparent),transparent 48%);opacity:.18;pointer-events:none; }
.v8-spotify-artwork { display:grid;width:72px;height:72px;overflow:hidden;place-items:center;border:1px solid var(--v8-border-highlight);border-radius:var(--v8-radius-md);background:var(--v8-surface-2);box-shadow:var(--v8-shadow-height-2); }
.v8-spotify-artwork img,.v8-spotify-dock__artwork img { width:100%;height:100%;object-fit:cover; }
.v8-spotify-artwork.is-fallback { color:var(--v8-success); }.v8-spotify-artwork svg { width:28px;height:28px; }
.v8-spotify-live__body { display:grid;min-width:0;gap:3px; }.v8-spotify-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-spotify-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-spotify-live__meta,.v8-spotify-live__meta > span,.v8-spotify-progress__time,.v8-spotify-external-state { display:flex;align-items:center; }.v8-spotify-live__meta { justify-content:space-between;gap:6px;margin-bottom:2px;color:var(--v8-success); }.v8-spotify-live__meta > span { min-width:0;gap:6px; }.v8-spotify-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-spotify-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-spotify-equalizer { display:flex;height:14px;align-items:flex-end;gap:2px; }.v8-spotify-equalizer i { width:2px;height:100%;border-radius:var(--v8-radius-pill);background:var(--v8-success);opacity:.75;transform:scaleY(.18);transform-origin:center bottom; }
.v8-spotify-progress { display:grid;gap:4px;margin-top:7px; }.v8-spotify-progress__track { display:block;height:3px;overflow:hidden;border-radius:var(--v8-radius-pill);background:var(--v8-surface-3); }.v8-spotify-progress__value { display:block;width:100%;height:100%;border-radius:inherit;background:var(--v8-success);box-shadow:0 0 10px var(--v8-success-glow);transform:scaleX(0);transform-origin:left center; }.v8-spotify-progress__time { justify-content:space-between;color:var(--v8-muted);font-size:var(--v8-font-micro);font-variant-numeric:tabular-nums; }
.v8-spotify-control { color:var(--v8-success); }.v8-spotify-external-state { gap:6px;color:var(--v8-muted);font-size:var(--v8-font-micro); }.v8-spotify-external-state svg { width:15px;height:15px; }
.v8-spotify-controls { display:flex;align-items:center;gap:2px; }
.v8-spotify-control--secondary { width:26px;height:26px;color:var(--v8-muted); }.v8-spotify-control--secondary svg { width:14px;height:14px; }
html[data-v8-interactions] .v8-spotify-control--secondary:hover { color:var(--v8-success); }
@container (max-width:140px) { .v8-spotify-control--secondary { display:none; } }
.v8-spotify-live--activity { min-height:190px;grid-template-columns:58px minmax(0,1fr) auto; }.v8-spotify-live--activity .v8-spotify-artwork { width:58px;height:58px; }
.v8-dock-media-slot { display:flex;align-items:flex-end; }.v8-dock-media-slot[hidden] { display:none; }.v8-spotify-dock { position:relative;display:grid;width:46px;height:54px;min-height:0;flex:0 0 46px;padding:0;border:0;background:transparent;place-items:center;color:var(--v8-success); }.v8-spotify-dock:is(button) { cursor:pointer; }.v8-spotify-dock__artwork { display:grid;width:36px;height:36px;overflow:hidden;place-items:center;border:1px solid color-mix(in srgb,var(--v8-success) 38%,var(--v8-border));border-radius:var(--v8-radius-md);background:var(--v8-surface-2);box-shadow:var(--v8-shadow-height-1); }.v8-spotify-dock__artwork svg { width:18px;height:18px; }.v8-spotify-dock > .v8-spotify-equalizer { position:absolute;right:2px;bottom:3px;height:11px;padding:2px;border-radius:var(--v8-radius-xs);background:var(--v8-surface-sunken);box-shadow:0 0 0 1px var(--v8-border); }.v8-spotify-dock:focus-visible { box-shadow:var(--v8-shadow-focus);transform:translate3d(0,-3px,0); }
@media (max-width:820px) { .v8-spotify-live { grid-template-columns:58px minmax(0,1fr) auto; }.v8-spotify-artwork { width:58px;height:58px; }.v8-spotify-dock { width:42px;height:50px;flex-basis:42px; }.v8-spotify-dock__artwork { width:34px;height:34px; } }
@media (max-width:540px) { .v8-spotify-live { grid-template-columns:50px minmax(0,1fr) auto;gap:var(--v8-space-3);padding:var(--v8-space-3); }.v8-spotify-artwork,.v8-spotify-live--activity .v8-spotify-artwork { width:50px;height:50px; } }
.v8-discord-live { position:relative;display:grid;min-width:0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#5865f2 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#5865f2 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-discord-avatar { position:relative;display:block;width:56px;height:56px;flex:0 0 56px; }
.v8-discord-avatar__image { display:grid;width:56px;height:56px;overflow:hidden;place-items:center;border:1px solid var(--v8-border-highlight);border-radius:50%;background:var(--v8-surface-2);box-shadow:var(--v8-shadow-height-2);color:#5865f2; }
.v8-discord-avatar__image img { width:100%;height:100%;object-fit:cover; }
.v8-discord-avatar__image.is-fallback svg { width:24px;height:24px; }
.v8-discord-status-dot { position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border:2px solid var(--v8-surface-1);border-radius:50%;background:var(--v8-muted); }
.v8-discord-status-dot.is-online { background:var(--v8-success); }
.v8-discord-status-dot.is-idle { background:var(--v8-warning); }
.v8-discord-status-dot.is-dnd { background:var(--v8-danger); }
.v8-discord-live__body { display:grid;min-width:0;gap:3px; }.v8-discord-live__body > strong,.v8-discord-live__name-row > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-discord-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-discord-live__name-row { display:flex;align-items:center;gap:6px;min-width:0; }
.v8-discord-badges { display:flex;align-items:center;gap:4px;flex-shrink:0; }
.v8-discord-badge { display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);border:1px solid var(--v8-border-highlight);color:var(--v8-badge-color, #5865f2);transition:transform var(--v8-motion-fast) var(--v8-ease-standard),background var(--v8-motion-fast) var(--v8-ease-standard);cursor:default; }
.v8-discord-badge.is-image { background:transparent;border:0;width:22px;height:22px;padding:0; }
html[data-v8-interactions] .v8-discord-badge:hover { transform:scale(1.18) translateY(-1px);background:var(--v8-surface-3);border-color:var(--v8-badge-color, #5865f2); }
html[data-v8-interactions] .v8-discord-badge.is-image:hover { background:transparent;border:0;transform:scale(1.22) translateY(-1px); }
.v8-discord-badge svg { width:11px;height:11px; }
.v8-discord-badge__img { width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.35)); }
.v8-discord-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#5865f2; }.v8-discord-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-discord-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-discord-live--activity { min-height:120px; }
@media (max-width:540px) { .v8-discord-live { grid-template-columns:46px minmax(0,1fr);gap:var(--v8-space-3);padding:var(--v8-space-3); }.v8-discord-avatar { width:46px;height:46px; }.v8-discord-status-dot { left:48px; } }
.v8-weather-live { position:relative;display:grid;min-width:0;container-type:inline-size;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#5aa9e6 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#5aa9e6 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-weather-icon { display:grid;width:44px;height:44px;place-items:center;color:#5aa9e6; }
.v8-weather-icon svg { width:30px;height:30px; }
.v8-weather-live__body { display:grid;min-width:0;gap:3px; }.v8-weather-live__body > strong { color:var(--v8-text);font-size:var(--v8-font-lg); }.v8-weather-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-weather-live__meta { display:flex;min-width:0;align-items:center;gap:6px;color:#5aa9e6; }.v8-weather-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-weather-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-weather-forecast { display:flex;gap:10px; }.v8-weather-forecast span { display:grid;justify-items:center;gap:2px; }.v8-weather-forecast small { color:var(--v8-muted);font-size:var(--v8-font-micro); }.v8-weather-forecast b { font-size:var(--v8-font-xs); }
@media (max-width:620px) { .v8-weather-live { grid-template-columns:44px minmax(0,1fr);gap:var(--v8-space-3); }.v8-weather-forecast { display:none; } }
@container (max-width:400px) { .v8-weather-forecast { display:none; } }
button.v8-weather-live { width:100%;font:inherit;text-align:left;cursor:pointer; }
html[data-v8-interactions] button.v8-weather-live:hover { border-color:color-mix(in srgb,#5aa9e6 42%,var(--v8-border)); }
.v8-weather-detail { position:fixed;z-index:var(--v8-z-popover);width:260px;padding:var(--v8-space-4);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-weather-detail__head { display:flex;align-items:flex-start;gap:10px; }.v8-weather-detail__head svg { flex:0 0 auto;width:28px;height:28px;color:#5aa9e6; }.v8-weather-detail__head strong { display:block;color:var(--v8-text);font-size:var(--v8-font-sm); }.v8-weather-detail__head p { margin-top:2px;color:var(--v8-text-secondary);font-size:var(--v8-font-xs); }
.v8-weather-detail__temp { margin-top:var(--v8-space-3);color:var(--v8-text);font-size:var(--v8-font-2xl);font-weight:var(--v8-weight-bold); }
.v8-weather-detail__stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v8-space-2);margin-top:var(--v8-space-3); }.v8-weather-detail__stats span { display:grid;justify-items:center;gap:2px;padding:8px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-sm);background:var(--v8-surface-1); }.v8-weather-detail__stats svg { width:16px;height:16px;color:#5aa9e6; }.v8-weather-detail__stats b { font-size:var(--v8-font-sm); }.v8-weather-detail__stats small { color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-weather-detail__forecast { display:flex;justify-content:space-between;gap:6px;margin-top:var(--v8-space-3);padding-top:var(--v8-space-3);border-top:1px solid var(--v8-divider); }.v8-weather-detail__day { display:grid;justify-items:center;gap:2px; }.v8-weather-detail__day small { color:var(--v8-muted);font-size:var(--v8-font-micro);text-transform:capitalize; }.v8-weather-detail__day b { font-size:var(--v8-font-xs); }.v8-weather-detail__day span { color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-minecraft-live { position:relative;display:grid;min-width:0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#5f9c50 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#5f9c50 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-minecraft-avatar { position:relative;display:grid;width:56px;height:56px;overflow:hidden;place-items:center;border:1px solid var(--v8-border-highlight);border-radius:var(--v8-radius-md);background:var(--v8-surface-2);color:#5f9c50; }
.v8-minecraft-avatar.is-fallback svg { width:24px;height:24px; }
.v8-minecraft-avatar__head { display:block;width:56px;height:56px;background-repeat:no-repeat;background-size:448px 448px;background-position:-56px -56px;image-rendering:pixelated; }
.v8-minecraft-avatar__cape { position:absolute;right:-18px;bottom:-8px;width:28px;height:44px;overflow:hidden;border-radius:2px;opacity:0.9; }
.v8-minecraft-avatar__cape img { width:100%;height:100%;object-fit:cover;image-rendering:pixelated; }
.v8-minecraft-live__body { display:grid;min-width:0;gap:3px; }.v8-minecraft-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }
.v8-minecraft-live__meta { display:flex;min-width:0;align-items:center;gap:6px;color:#5f9c50; }.v8-minecraft-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-minecraft-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-minecraft-live__stats { display:grid;gap:2px; }
.v8-minecraft-stat { display:flex;align-items:center;gap:var(--v8-space-2);min-width:0; }
.v8-minecraft-stat small { color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-minecraft-stat strong { color:var(--v8-text-secondary);font-size:var(--v8-font-xs);font-variant-numeric:tabular-nums; }
.v8-minecraft-copy { display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--v8-muted);cursor:pointer; }
.v8-minecraft-copy:hover { color:var(--v8-text);background:var(--v8-surface-2); }
.v8-minecraft-copy svg { width:12px;height:12px; }
.v8-steam-live { position:relative;display:grid;min-width:0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#1b2838 40%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#66c0f4 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-steam-avatar { position:relative;display:block;width:56px;height:56px;flex:0 0 56px; }
.v8-steam-avatar__image { display:grid;width:56px;height:56px;overflow:hidden;place-items:center;border:1px solid var(--v8-border-highlight);border-radius:var(--v8-radius-md);background:var(--v8-surface-2);box-shadow:var(--v8-shadow-height-2);color:#66c0f4; }
.v8-steam-avatar__image img { width:100%;height:100%;object-fit:cover; }
.v8-steam-avatar__image.is-fallback svg { width:24px;height:24px; }
.v8-steam-status-dot { position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border:2px solid var(--v8-surface-1);border-radius:50%;background:var(--v8-muted); }
.v8-steam-status-dot.is-online { background:var(--v8-success); }
.v8-steam-status-dot.is-idle { background:var(--v8-warning); }
.v8-steam-status-dot.is-dnd { background:var(--v8-danger); }
.v8-steam-live__body { display:grid;min-width:0;gap:3px; }.v8-steam-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-steam-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-steam-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#66c0f4; }.v8-steam-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-steam-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-github-live { position:relative;display:grid;min-width:0;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#8957e5 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#8957e5 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-github-avatar { position:relative;display:block;width:56px;height:56px;flex:0 0 56px; }
.v8-github-avatar__image { display:grid;width:56px;height:56px;overflow:hidden;place-items:center;border:1px solid var(--v8-border-highlight);border-radius:50%;background:var(--v8-surface-2);box-shadow:var(--v8-shadow-height-2);color:#8957e5; }
.v8-github-avatar__image img { width:100%;height:100%;object-fit:cover; }
.v8-github-avatar__image.is-fallback svg { width:24px;height:24px; }
.v8-github-live__body { display:grid;min-width:0;gap:3px; }.v8-github-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-github-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-github-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#8957e5; }.v8-github-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-github-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-github-live__link { color:#8957e5; }
.v8-github-live--activity { min-height:120px; }
@media (max-width:540px) { .v8-github-live { grid-template-columns:46px minmax(0,1fr) auto;gap:var(--v8-space-3);padding:var(--v8-space-3); }.v8-github-avatar { width:46px;height:46px; } }
.v8-google-calendar-live { position:relative;display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#1a73e8 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#1a73e8 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-google-calendar-icon { display:grid;width:44px;height:44px;place-items:center;color:#1a73e8; }
.v8-google-calendar-icon svg { width:26px;height:26px; }
.v8-google-calendar-live__body { display:grid;min-width:0;gap:3px; }.v8-google-calendar-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-google-calendar-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-google-calendar-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#1a73e8; }.v8-google-calendar-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-google-calendar-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-notion-live { position:relative;display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#e9e9e7 20%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#e9e9e7 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-notion-icon { display:grid;width:44px;height:44px;place-items:center;color:#e9e9e7; }
.v8-notion-icon svg { width:24px;height:24px; }
.v8-notion-live__body { display:grid;min-width:0;gap:3px; }.v8-notion-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-notion-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-notion-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#e9e9e7; }.v8-notion-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-notion-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-notion-live__link { color:#e9e9e7; }
.v8-notion-live--activity { min-height:120px; }
@media (max-width:540px) { .v8-notion-live { grid-template-columns:46px minmax(0,1fr) auto;gap:var(--v8-space-3);padding:var(--v8-space-3); } }
.v8-todoist-live { position:relative;display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#e44332 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#e44332 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-todoist-icon { display:grid;width:44px;height:44px;place-items:center;color:#e44332; }
.v8-todoist-icon svg { width:26px;height:26px; }
.v8-todoist-live__body { display:grid;min-width:0;gap:3px; }.v8-todoist-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-todoist-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-todoist-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#e44332; }.v8-todoist-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-todoist-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-todoist-live--activity { min-height:120px; }
.v8-valorant-live {  }
.v8-valorant-emblem { display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border-radius:var(--v8-radius-md);background:color-mix(in srgb,#ff4655 12%,transparent);color:#ff4655; }
.v8-valorant-emblem__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-valorant-emblem__image img { width:100%;height:100%;object-fit:contain; }
.v8-valorant-emblem__image.is-fallback svg { width:26px;height:26px; }
.v8-valorant-live__body { display:grid;min-width:0;gap:3px; }.v8-valorant-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-valorant-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-valorant-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#ff4655; }.v8-valorant-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-valorant-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-valorant-live--activity { min-height:120px; }
.v8-lol-live {  }
.v8-lol-icon { display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:var(--v8-radius-md);color:#c89b3c; }
.v8-lol-icon svg { width:26px;height:26px; }
.v8-lol-icon__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-lol-icon__image img { width:100%;height:100%;object-fit:cover; }
.v8-lol-live__body { display:grid;min-width:0;gap:3px; }.v8-lol-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-lol-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-lol-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#c89b3c; }.v8-lol-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-lol-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-lol-live--activity { min-height:120px; }
.v8-twitch-live { position:relative;display:grid;min-width:0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#9146ff 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#9146ff 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-twitch-live.is-live { border-color:color-mix(in srgb,#9146ff 50%,var(--v8-border)); }
.v8-twitch-avatar { position:relative;display:grid;width:56px;height:56px;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,#9146ff 12%,transparent);color:#9146ff; }
.v8-twitch-avatar__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-twitch-avatar__image img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.v8-twitch-avatar__image.is-fallback svg { width:24px;height:24px; }
.v8-twitch-live-dot { position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:#9146ff;border:2px solid var(--v8-surface-1); }
.v8-twitch-live__body { display:grid;min-width:0;gap:3px; }.v8-twitch-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-twitch-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-twitch-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#9146ff; }.v8-twitch-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-twitch-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-twitch-live--activity { min-height:120px; }
.v8-lastfm-live { position:relative;display:grid;min-width:0;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#d51007 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#d51007 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-lastfm-artwork { display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border-radius:var(--v8-radius-md);background:color-mix(in srgb,#d51007 12%,transparent);color:#d51007; }
.v8-lastfm-artwork__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-lastfm-artwork__image img { width:100%;height:100%;object-fit:cover; }
.v8-lastfm-artwork__image.is-fallback svg { width:22px;height:22px; }
.v8-lastfm-live__body { display:grid;min-width:0;gap:3px; }.v8-lastfm-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-lastfm-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-lastfm-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#d51007; }.v8-lastfm-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-lastfm-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-lastfm-live--activity { min-height:120px; }
.v8-tracker-live {  }
.v8-tracker-avatar { display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,#ff4713 12%,transparent);color:#ff4713; }
.v8-tracker-avatar__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-tracker-avatar__image img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.v8-tracker-avatar__image.is-fallback svg { width:22px;height:22px; }
.v8-tracker-live__body { display:grid;min-width:0;gap:3px; }.v8-tracker-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-tracker-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-tracker-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#ff4713; }.v8-tracker-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-tracker-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-tracker-live--activity { min-height:120px; }
.v8-google-drive-live { position:relative;display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#1a73e8 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#1a73e8 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-google-drive-icon { display:grid;width:44px;height:44px;place-items:center;color:#1a73e8; }
.v8-google-drive-icon svg { width:24px;height:24px; }
.v8-google-drive-live__body { display:grid;min-width:0;gap:3px; }.v8-google-drive-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-google-drive-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-google-drive-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#1a73e8; }.v8-google-drive-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-google-drive-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-google-drive-live--activity { min-height:120px; }
.v8-youtube-live { position:relative;display:grid;min-width:0;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#ff0000 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#ff0000 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-youtube-avatar { display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,#ff0000 12%,transparent);color:#ff0000; }
.v8-youtube-avatar__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-youtube-avatar__image img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.v8-youtube-avatar__image.is-fallback svg { width:24px;height:24px; }
.v8-youtube-live__body { display:grid;min-width:0;gap:3px; }.v8-youtube-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-youtube-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-youtube-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#ff0000; }.v8-youtube-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-youtube-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-youtube-live--activity { min-height:120px; }
.v8-reddit-live { position:relative;display:grid;min-width:0;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--v8-space-4);border-color:color-mix(in srgb,#ff4500 26%,var(--v8-border));background:var(--v8-reflection-card),color-mix(in srgb,#ff4500 4%,var(--v8-surface-1));box-shadow:var(--v8-shadow-card-lit); }
.v8-reddit-avatar { display:grid;width:52px;height:52px;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,#ff4500 12%,transparent);color:#ff4500; }
.v8-reddit-avatar__image { display:grid;width:100%;height:100%;place-items:center; }
.v8-reddit-avatar__image img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.v8-reddit-avatar__image.is-fallback svg { width:22px;height:22px; }
.v8-reddit-live__body { display:grid;min-width:0;gap:3px; }.v8-reddit-live__body > strong { overflow:hidden;color:var(--v8-text);font-size:var(--v8-font-md);text-overflow:ellipsis;white-space:nowrap; }.v8-reddit-live__body > p { overflow:hidden;color:var(--v8-text-secondary);font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-reddit-live__meta { display:flex;min-width:0;align-items:center;gap:6px;margin-bottom:2px;color:#ff4500; }.v8-reddit-live__meta svg { flex:0 0 auto;width:14px;height:14px; }.v8-reddit-live__meta small { overflow:hidden;font-size:var(--v8-font-micro);font-weight:var(--v8-weight-semibold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.v8-reddit-live--activity { min-height:120px; }
.v8-weather-icon, .v8-minecraft-avatar, .v8-google-calendar-icon, .v8-notion-icon, .v8-todoist-icon, .v8-valorant-emblem, .v8-lol-icon, .v8-lastfm-artwork, .v8-tracker-avatar, .v8-google-drive-icon, .v8-youtube-avatar, .v8-reddit-avatar { position:relative; }
@media (max-width:540px) {
  .v8-steam-live,.v8-twitch-live,.v8-lastfm-live,.v8-youtube-live,.v8-reddit-live { grid-template-columns:46px minmax(0,1fr);gap:var(--v8-space-3);padding:var(--v8-space-3); }
  .v8-steam-avatar { width:46px;height:46px;flex:0 0 46px; }
  .v8-twitch-avatar,.v8-lastfm-artwork,.v8-tracker-avatar,.v8-youtube-avatar,.v8-reddit-avatar { width:46px;height:46px; }
  .v8-minecraft-live,.v8-google-calendar-live,.v8-todoist-live,.v8-google-drive-live { gap:var(--v8-space-3);padding:var(--v8-space-3); }
}
.v8-live-pulse-dot { position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#5fd68f;border:2px solid var(--v8-surface-1);opacity:.8; }
.v8-live-freshness { position:absolute;right:8px;bottom:8px;z-index:2;padding:2px 4px;border-radius:4px;background:transparent;color:var(--v8-text-tertiary, var(--v8-text-secondary));font-size:10px;line-height:1;opacity:0.4;pointer-events:none;letter-spacing:0.5px; }
.v8-brain-context__identity { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--v8-space-4); }
.v8-brain-orbit { display: grid; width: 64px; height: 64px; place-items: center; border: 1px solid var(--v8-brain-line); border-radius: 50%; background: var(--v8-brain-soft); color: var(--v8-brain); box-shadow: 0 0 36px var(--v8-light-brain); }
.v8-brain-orbit svg { width: 28px; height: 28px; }
.v8-brain-context__identity small { color: var(--v8-brain); font-size: var(--v8-font-xs); }
.v8-brain-context__identity h2 { margin-top: 3px; font-size: var(--v8-font-xl); }
.v8-brain-context__identity p { max-width: 560px; margin-top: 6px; color: var(--v8-muted); font-size: var(--v8-font-sm); }
.v8-brain-context__signals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--v8-divider); border-radius: var(--v8-radius-md); background: var(--v8-divider); }
.v8-brain-context__signals > span { display: grid; min-width: 0; place-items: center; align-content: center; gap: 3px; background: var(--v8-surface-sunken); }
.v8-brain-context__signals svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-brain); }
.v8-brain-context__signals small { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-brain-context__signals strong { max-width: 100%; overflow: hidden; font-size: var(--v8-font-micro); text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; }
.v8-brain-grid { display: grid; grid-template-columns: minmax(0, 1fr) var(--v8-layout-panel-width); gap: var(--v8-layout-column-gap); margin-top: var(--v8-layout-section-gap); }
.v8-brain-recommendations { display: grid; gap: var(--v8-space-3); }
.v8-brain-insight { display: grid; min-width: 0; min-height: var(--density-row-height); grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--v8-space-4); padding: calc(var(--density-card-padding) * .65); }
.v8-brain-insight__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: var(--v8-radius-md); background: var(--v8-brain-soft); color: var(--v8-brain); }
.v8-brain-insight__copy strong { font-size: var(--v8-font-sm); }
.v8-brain-insight__copy p { margin-top: 3px; color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-brain-side { align-self: start; padding: var(--v8-space-5); }
.v8-brain-side h2 { font-size: var(--v8-font-lg); }
.v8-brain-side > p { margin-top: 5px; color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-brain-actions { display: grid; gap: 6px; margin-top: var(--v8-space-5); }
.v8-brain-actions .v8-button { width: 100%; justify-content: flex-start; }
.v8-settings-layout { display: grid; grid-template-columns: var(--v8-layout-rail-width) minmax(0, 1fr); gap: var(--v8-layout-column-gap); }
.v8-settings-nav { display: grid; align-content: start; gap: 4px; }
.v8-settings-nav::-webkit-scrollbar { display: none; }
.v8-settings-nav button { height: 38px; padding: 0 12px; border-radius: var(--v8-radius-sm); background: transparent; color: var(--v8-muted); cursor: pointer; font-size: var(--v8-font-sm); outline: none; text-align: left; }
.v8-settings-nav button.is-active { background: var(--v8-accent-soft); color: var(--v8-accent); }
.v8-settings-content { display: grid; gap: var(--v8-layout-section-gap); }
.v8-settings-section { overflow: hidden; }
.v8-settings-section > header { padding: var(--density-card-padding); border-bottom: 1px solid var(--v8-divider); }
.v8-settings-section > header h2 { font-size: var(--v8-font-lg); }
.v8-settings-section > header p { margin-top: 5px; color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-setting-row { display: grid; min-height: calc(var(--density-row-height) + 24px); grid-template-columns: auto minmax(0, 1fr) minmax(240px, auto); align-items: center; gap: var(--v8-space-4); padding: calc(var(--density-card-padding) * .7) var(--density-card-padding); border-top: 1px solid var(--v8-divider); }
.v8-settings-section > header + .v8-setting-row { border-top: 0; }
.v8-profile-name-control { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v8-space-2); min-width: 0; }
.v8-profile-name-control .v8-input { flex: 1 1 200px; min-width: 0; }
.v8-profile-name-control .v8-settings-diagnostic-note { flex: 1 0 100%; padding: 0; border-top: none; }
.v8-profile-media-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--v8-space-4); padding: calc(var(--density-card-padding) * .7) var(--density-card-padding); border-top: 1px solid var(--v8-divider); }
.v8-profile-media-row__controls { display: grid; gap: 8px; min-width: 0; }
.v8-profile-media-row__controls strong { font-size: var(--v8-font-sm); }
.v8-profile-media-preview { display: grid; overflow: hidden; place-items: center; border: 1px solid var(--v8-border-strong); background: var(--v8-accent-soft); color: var(--v8-accent); font-size: var(--v8-font-lg); font-weight: var(--v8-weight-bold); background-position: center; background-size: cover; }
.v8-profile-media-preview--avatar { width: 64px; height: 64px; flex: 0 0 64px; border-radius: var(--v8-radius-md); }
.v8-profile-media-preview--banner { width: 128px; height: 64px; flex: 0 0 128px; border-radius: var(--v8-radius-md); }
.v8-profile-media-preview--banner.is-empty::after { color: var(--v8-muted); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-regular); content: "Aucune banniere"; }
.v8-profile-media-preview__image { width: 100%; height: 100%; object-fit: cover; display: block; }
.v8-setting-row__icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: var(--v8-radius-md); background: var(--v8-surface-2); color: var(--v8-text-secondary); }
.v8-setting-row__icon svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); }
.v8-setting-row__copy strong { font-size: var(--v8-font-sm); }
.v8-setting-row__copy p { margin-top: 3px; color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-setting-row__control { display: flex; justify-content: flex-end; align-items: center; gap: var(--v8-space-3); }
.v8-switch { --v8-switch-thumb-x: 0px; display: inline-grid; width: 52px; height: 44px; place-items: center; padding: 0; border: 0; border-radius: var(--v8-radius-pill); background: transparent; cursor: pointer; outline: none; transition: transform var(--v8-motion-instant) var(--v8-ease-press); }
.v8-switch__track { display: block; width: 46px; height: 26px; padding: 3px; border: 1px solid var(--v8-border-strong); border-radius: var(--v8-radius-pill); background: var(--v8-surface-sunken); transition: 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), transform var(--v8-motion-instant) var(--v8-ease-press); }
.v8-switch__thumb { display: block; width: 18px; height: 18px; border-radius: 50%; background: var(--v8-text-secondary); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.32); transform: translate3d(var(--v8-switch-thumb-x),0,0) scale(1); transition: background-color var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-haptic-release-duration) var(--v8-haptic-spring); }
.v8-switch[aria-checked="true"] { --v8-switch-thumb-x: 20px; }
.v8-switch[aria-checked="true"] .v8-switch__track { border-color: var(--v8-accent-line); background: var(--v8-accent-soft); }
.v8-switch[aria-checked="true"] .v8-switch__thumb { background: var(--v8-accent); }
html[data-v8-interactions] .v8-switch:hover .v8-switch__track { border-color: var(--v8-border-highlight); box-shadow: var(--v8-shadow-1); }
.v8-switch:active .v8-switch__track,.v8-switch[data-haptic-state="pressed"] .v8-switch__track { transform: scale(.965); }
.v8-switch[data-haptic-state="pressed"] { transform: translate3d(0,1px,0) scale(.976); }
.v8-switch[data-haptic-state="pressed"] .v8-switch__thumb { transform: translate3d(var(--v8-switch-thumb-x),0,0) scaleX(1.14) scaleY(.94); }
.v8-switch[data-haptic-state="released"] { animation: v8-haptic-release var(--v8-haptic-release-duration) var(--v8-haptic-spring) both; }
.v8-switch:focus-visible .v8-switch__track { border-color: var(--v8-accent); box-shadow: var(--v8-shadow-focus); }
.v8-segmented { display: flex; padding: 3px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-sunken); }
.v8-dock-scale-options { display: flex; gap: var(--v8-space-2); }
.v8-dock-scale-options .v8-setting-choice { flex: 1 1 0; justify-content: center; min-width: 0; }
.v8-setting-choice { min-width: 118px; border-color: transparent; }
.v8-setting-choice.is-active { background: var(--v8-surface-2); box-shadow: var(--v8-shadow-1); color: var(--v8-text); }
.v8-setting-choice > svg:last-child { width: 13px; height: 13px; margin-left: auto; color: var(--v8-accent); }
.v8-accent-picker { display: flex; align-items: center; gap: 8px; }
.v8-accent-swatch { display: grid; width: 30px; height: 30px; place-items: center; border: 2px solid transparent; border-radius: 50%; background: var(--v8-swatch-mint); color: var(--v8-inverse); cursor: pointer; outline: none; transition: box-shadow var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-fast) var(--v8-ease-window); }
.v8-accent-swatch:focus-visible, .v8-accent-swatch.is-active { border-color: var(--v8-text); box-shadow: 0 0 0 3px var(--v8-accent-soft); }
.v8-accent-swatch svg { width: 14px; height: 14px; }
.v8-accent-swatch--sky { background: var(--v8-swatch-sky); }
.v8-accent-swatch--amber { background: var(--v8-swatch-amber); }
.v8-accent-swatch--violet { background: var(--v8-swatch-violet); }
.v8-accent-swatch--rose { background: var(--v8-swatch-rose); }
.v8-accent-swatch--custom { position: relative; background: conic-gradient(from 180deg, var(--v8-swatch-mint), var(--v8-swatch-sky), var(--v8-swatch-amber), var(--v8-swatch-violet), var(--v8-swatch-rose), var(--v8-swatch-mint)); }
.v8-accent-swatch--custom::after { position: absolute; z-index: 0; content: ""; inset: 5px; border-radius: 50%; background: var(--v8-accent-swatch-custom-color, var(--v8-swatch-mint)); }
.v8-accent-swatch--custom svg { position: relative; z-index: 1; }
.v8-accent-swatch__input { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.v8-settings-spaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v8-space-3); padding: var(--v8-space-5); }
.v8-settings-spaces .v8-setting-choice { width: 100%; justify-content: flex-start; border-color: var(--v8-border); }
.v8-sound-pack-control { display: grid; min-width: min(330px, 100%); gap: 7px; }
.v8-sound-pack-control > div { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.v8-sound-pack-control .v8-input { min-width: 210px; }
.v8-sound-pack-control small { color: var(--v8-muted); font-size: var(--v8-font-micro); line-height: 1.35; text-align: right; }
.v8-sound-range { display: grid; width: min(340px, 100%); grid-template-columns: minmax(150px, 1fr) 48px; align-items: center; gap: 12px; }
.v8-sound-range output { color: var(--v8-text-secondary); font-size: var(--v8-font-xs); font-variant-numeric: tabular-nums; text-align: right; }
.v8-range { width: 100%; height: 44px; margin: 0; padding: 0; appearance: none; background: transparent; cursor: pointer; outline: none; }
.v8-range::-webkit-slider-runnable-track { height: 5px; border-radius: var(--v8-radius-pill); background: linear-gradient(90deg, var(--v8-accent), var(--v8-accent)) 0 / var(--v8-range-progress, 0%) 100% no-repeat, var(--v8-surface-sunken); box-shadow: inset 0 0 0 1px var(--v8-border); }
.v8-range::-webkit-slider-thumb { width: 18px; height: 18px; margin-top: -6.5px; appearance: none; border: 3px solid var(--v8-surface-1); border-radius: 50%; background: var(--v8-accent); box-shadow: var(--v8-shadow-1); transition: transform var(--v8-motion-instant) var(--v8-ease-press), box-shadow var(--v8-motion-fast) var(--v8-ease-standard); }
.v8-range::-moz-range-track { height: 5px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-pill); background: var(--v8-surface-sunken); }
.v8-range::-moz-range-progress { height: 5px; border-radius: var(--v8-radius-pill); background: var(--v8-accent); }
.v8-range::-moz-range-thumb { width: 14px; height: 14px; border: 3px solid var(--v8-surface-1); border-radius: 50%; background: var(--v8-accent); box-shadow: var(--v8-shadow-1); }
.v8-range:focus-visible::-webkit-slider-thumb { box-shadow: var(--v8-shadow-focus); }
.v8-range:focus-visible::-moz-range-thumb { box-shadow: var(--v8-shadow-focus); }
.v8-range:active::-webkit-slider-thumb { transform: scale(0.9); }
.v8-range:active::-moz-range-thumb { transform: scale(0.9); }
.v8-range:focus-visible { outline: 2px solid var(--v8-accent); outline-offset: 2px; }
.v8-range:disabled { cursor: not-allowed; opacity: 0.72; }
.v8-switch[aria-disabled="true"],.v8-switch:disabled { cursor: not-allowed; opacity: 0.72; }
.v8-system-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--v8-divider); }
.v8-system-checks > span { display: grid; min-height: 86px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: var(--v8-space-4); background: var(--v8-surface-1); }
.v8-system-checks svg { width: var(--v8-icon-md); height: var(--v8-icon-md); color: var(--v8-success); }
.v8-system-checks strong { font-size: var(--v8-font-xs); }
.v8-system-checks b { grid-column: 2; color: var(--v8-muted); font-size: var(--v8-font-micro); font-weight: var(--v8-weight-medium); text-transform: capitalize; }
#v8-settings-developer > header .v8-button { margin-top: var(--v8-space-4); }
.v8-settings-diagnostic-note { margin: 0; padding: var(--v8-space-4) var(--v8-space-5); border-top: 1px solid var(--v8-divider); color: var(--v8-muted); font-size: var(--v8-font-xs); line-height: var(--v8-line-relaxed); overflow-wrap: anywhere; }
.v8-density-settings { display:grid;gap:var(--v8-space-4);padding:var(--density-card-padding);border-top:1px solid var(--v8-divider);background:color-mix(in srgb,var(--v8-surface-sunken) 42%,transparent); }
.v8-density-settings__heading { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-4); }
.v8-density-settings__heading strong { font-size:var(--v8-font-sm); }.v8-density-settings__heading p { margin-top:3px;color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-density-resolved { align-self:start;padding:5px 8px;border:1px solid var(--v8-accent-line);border-radius:var(--v8-radius-pill);background:var(--v8-accent-soft);color:var(--v8-accent);font-size:var(--v8-font-micro);white-space:nowrap; }
.v8-density-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v8-space-2); }
.v8-density-choice { position:relative;display:grid;min-width:0;min-height:var(--density-row-height);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-1);color:var(--v8-text-secondary);outline:none;text-align:left; }
.v8-density-choice.is-active { border-color:var(--v8-accent-line);background:color-mix(in srgb,var(--v8-accent-soft) 52%,var(--v8-surface-1));box-shadow:var(--v8-shadow-height-1); }
.v8-density-choice__icon { display:grid;width:34px;grid-auto-rows:auto;place-items:center;gap:7px;padding:8px 0;border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);color:var(--v8-accent); }.v8-density-choice__icon svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }
.v8-density-swatch { display:grid;gap:var(--v8-density-swatch-gap,2px);width:20px; }
.v8-density-swatch__bar { width:100%;height:var(--v8-density-swatch-row,4px);border-radius:var(--v8-radius-xs);background:var(--v8-border-strong); }
.v8-density-swatch__bar--accent { background:var(--v8-accent);opacity:.75; }
.v8-density-swatch__bar--short { width:60%; }
.v8-density-choice strong,.v8-density-choice small { display:block;overflow:hidden;text-overflow:ellipsis; }.v8-density-choice strong { font-size:var(--v8-font-xs);white-space:nowrap; }.v8-density-choice small { margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-micro);line-height:1.35;white-space:normal; }.v8-density-choice > svg { width:14px;height:14px;color:var(--v8-accent); }
.v8-density-custom { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--v8-divider);border-radius:var(--v8-radius-md);background:var(--v8-divider); }.v8-density-custom[hidden] { display:none; }
.v8-theme-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v8-space-2); }
.v8-theme-choice { cursor:pointer; position:relative;display:grid;min-width:0;min-height:64px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-1);color:var(--v8-text-secondary);outline:none;text-align:left; }
.v8-theme-choice:hover { background: var(--v8-surface-2); border-color: var(--v8-accent); } .v8-theme-choice.is-active { border-color:var(--v8-accent-line);background:color-mix(in srgb,var(--v8-accent-soft) 52%,var(--v8-surface-1));box-shadow:var(--v8-shadow-height-1); }
.v8-theme-choice strong,.v8-theme-choice small { display:block;overflow:hidden;text-overflow:ellipsis; }.v8-theme-choice strong { font-size:var(--v8-font-xs);white-space:nowrap; }.v8-theme-choice small { margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-micro);line-height:1.35;white-space:normal; }.v8-theme-choice__resolved { color:var(--v8-accent)!important; }.v8-theme-choice > svg { width:14px;height:14px;color:var(--v8-accent); }
.v8-theme-swatch { position:relative;display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:var(--v8-radius-sm);overflow:hidden;background:var(--v8-theme-swatch-canvas,var(--v8-surface-2));border:1px solid var(--v8-border); }
.v8-theme-swatch__chip { position:absolute;right:4px;bottom:4px;width:16px;height:16px;border-radius:var(--v8-radius-xs);background:var(--v8-theme-swatch-surface,transparent);box-shadow:0 0 0 1px rgba(0,0,0,.12); }
.v8-theme-swatch__dot { position:absolute;left:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--v8-theme-swatch-text,transparent); }
.v8-theme-swatch--auto { color:var(--v8-accent); }.v8-theme-swatch--auto svg { width:16px;height:16px; }
.v8-density-custom-row { display:grid;gap:4px;padding:10px 12px;background:var(--v8-surface-1); }.v8-density-custom-row > span { display:flex;align-items:center;justify-content:space-between;gap:8px; }.v8-density-custom-row strong,.v8-density-custom-row output { font-size:var(--v8-font-micro); }.v8-density-custom-row output { color:var(--v8-accent);font-variant-numeric:tabular-nums; }
.v8-density-adaptive { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v8-space-2); }.v8-density-adaptive > label { display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--v8-space-3);padding:10px 12px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-1); }.v8-density-adaptive strong,.v8-density-adaptive small { display:block; }.v8-density-adaptive strong { font-size:var(--v8-font-xs); }.v8-density-adaptive small { margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-density-preview { display:grid;min-height:260px;grid-template-columns:48px minmax(0,1fr) minmax(120px,165px);gap:1px;overflow:hidden;border:1px solid var(--v8-border-strong);border-radius:var(--v8-radius-md);background:var(--v8-divider);box-shadow:var(--v8-shadow-height-2);font-size:var(--v8-font-sm); }
.v8-density-preview__rail { display:grid;align-content:start;justify-items:center;gap:calc(var(--density-section-gap) * .55);padding:calc(var(--density-card-padding) * .65) 0;background:var(--v8-surface-sunken);color:var(--v8-muted); }.v8-density-preview__rail svg { width:var(--density-icon-size);height:var(--density-icon-size); }.v8-density-preview__rail svg:first-child { color:var(--v8-accent); }
.v8-density-preview__workspace { display:grid;min-width:0;align-content:start;gap:var(--density-section-gap);padding:var(--density-card-padding);background:var(--v8-canvas-raised); }.v8-density-preview__workspace > header { display:flex;min-height:var(--density-toolbar-height);align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--v8-divider); }.v8-density-preview__workspace > header span { display:flex;align-items:center;gap:7px; }.v8-density-preview__demo-control { display:inline-flex;height:var(--density-control-height);align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);color:var(--v8-text-secondary); }.v8-density-preview__demo-control svg { width:var(--density-icon-size);height:var(--density-icon-size); }
.v8-density-preview__card { display:grid;gap:6px;padding:var(--density-card-padding);border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-1);box-shadow:var(--v8-shadow-height-1); }.v8-density-preview__card small { color:var(--v8-accent); }.v8-density-preview__card p { color:var(--v8-muted);line-height:var(--density-line-height); }.v8-density-preview__card .v8-density-preview__demo-control { justify-self:start;background:var(--v8-accent);color:var(--v8-inverse); }
.v8-density-preview__list { display:grid; }.v8-density-preview__list > span { display:grid;min-height:var(--density-row-height);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border-top:1px solid var(--v8-divider); }.v8-density-preview__list svg { width:var(--density-icon-size);height:var(--density-icon-size);color:var(--v8-muted); }.v8-density-preview__list b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-density-preview__widget { display:grid;align-content:center;justify-items:center;gap:6px;padding:var(--density-card-padding);background:var(--v8-surface-1);text-align:center; }.v8-density-preview__widget small,.v8-density-preview__widget span { color:var(--v8-muted); }.v8-density-preview__widget strong { color:var(--v8-text);font-size:calc(var(--v8-font-2xl) * var(--density-widget-scale));font-variant-numeric:tabular-nums; }
.v8-brain-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:var(--v8-layout-column-gap);padding:var(--v8-layout-card-padding);border-color:var(--v8-brain-line);background:var(--v8-reflection-hero),color-mix(in srgb,var(--v8-brain-soft) 22%,var(--v8-surface-1));box-shadow:var(--v8-shadow-brain-lit); }
.v8-brain-hero__identity { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--v8-space-4); }.v8-brain-hero__identity small { color:var(--v8-brain);font-size:var(--v8-font-xs); }.v8-brain-hero__identity h2 { margin-top:3px;font-size:var(--v8-font-xl); }.v8-brain-hero__identity p { margin-top:5px;color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-brain-hero__metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--v8-divider);border-radius:var(--v8-radius-md);background:var(--v8-divider); }.v8-brain-metric { display:grid;min-width:0;place-items:center;align-content:center;gap:3px;padding:8px;background:var(--v8-surface-sunken); }.v8-brain-metric svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm);color:var(--v8-brain); }.v8-brain-metric small { color:var(--v8-muted);font-size:var(--v8-font-micro); }.v8-brain-metric strong { font-size:var(--v8-font-sm); }
.v8-brain-status { display:inline-flex;height:30px;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-pill);background:var(--v8-surface-sunken);color:var(--v8-muted);font-size:var(--v8-font-micro);white-space:nowrap; }.v8-brain-status i { width:5px;height:5px;border-radius:50%;background:currentColor; }.v8-brain-status--success { border-color:color-mix(in srgb,var(--v8-success) 28%,var(--v8-border));color:var(--v8-success); }
.v8-brain-tabs { position:sticky;z-index:4;top:0;display:flex;gap:3px;margin-top:var(--v8-layout-section-gap);padding:4px;overflow-x:auto;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-header-glass);box-shadow:var(--v8-shadow-header-lit);scrollbar-width:none; }.v8-brain-tabs::-webkit-scrollbar { display:none; }
.v8-brain-tab { position:relative;display:inline-flex;height:var(--density-control-height);flex:0 0 auto;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:var(--v8-radius-sm);background:transparent;color:var(--v8-muted);font-size:var(--v8-font-xs);outline:none; }.v8-brain-tab svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }.v8-brain-tab.is-active { background:var(--v8-surface-2);box-shadow:var(--v8-shadow-height-1);color:var(--v8-text); }.v8-brain-tab.is-active::after { position:absolute;right:10px;bottom:2px;left:10px;height:1px;background:var(--v8-brain);content:""; }
.v8-brain-panels { margin-top:var(--v8-space-3); }.v8-brain-panel[hidden] { display:none; }.v8-brain-panel { outline:none;animation:v8-page-enter var(--v8-motion-base) var(--v8-ease-out) both; }
.v8-brain-chat,.v8-brain-detail { overflow:hidden; }.v8-brain-panel__header { display:flex;align-items:flex-start;justify-content:space-between;gap:var(--v8-space-4);padding:var(--density-card-padding);border-bottom:1px solid var(--v8-divider); }.v8-brain-panel__header h2 { font-size:var(--v8-font-lg); }.v8-brain-panel__header p { max-width:680px;margin-top:4px;color:var(--v8-muted);font-size:var(--v8-font-xs);line-height:var(--v8-line-base); }
.v8-brain-chat-log { display:grid;max-height:420px;min-height:240px;align-content:start;gap:var(--v8-space-3);padding:var(--density-card-padding);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.v8-brain-message { display:grid;max-width:min(760px,92%);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px; }.v8-brain-message--user { justify-self:end;grid-template-columns:minmax(0,1fr) auto; }.v8-brain-message--user .v8-brain-message__avatar { grid-column:2; }.v8-brain-message--user > div { grid-column:1;grid-row:1;background:var(--v8-accent-soft); }.v8-brain-message__avatar { display:grid;width:30px;height:30px;place-items:center;border-radius:var(--v8-radius-sm);background:var(--v8-brain-soft);color:var(--v8-brain); }.v8-brain-message__avatar svg { width:15px;height:15px; }.v8-brain-message > div { padding:10px 12px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-sunken); }.v8-brain-message p { color:var(--v8-text-secondary);font-size:var(--v8-font-sm);line-height:var(--v8-line-base);white-space:pre-wrap; }.v8-brain-message small { display:block;margin-top:6px;color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-brain-suggestions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v8-space-2);padding:0 var(--density-card-padding) var(--v8-space-3); }.v8-brain-suggestion { display:grid;min-width:0;min-height:var(--density-row-height);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-1);color:var(--v8-text-secondary);outline:none;text-align:left; }.v8-brain-suggestion > span { display:grid;width:30px;height:30px;place-items:center;border-radius:var(--v8-radius-sm);background:var(--v8-brain-soft);color:var(--v8-brain); }.v8-brain-suggestion svg { width:15px;height:15px; }.v8-brain-suggestion strong,.v8-brain-suggestion small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.v8-brain-suggestion strong { font-size:var(--v8-font-xs); }.v8-brain-suggestion small { margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-brain-composer { padding:var(--v8-space-3) var(--density-card-padding) var(--density-card-padding);border-top:1px solid var(--v8-divider);background:var(--v8-surface-sunken); }.v8-brain-composer__input { height:auto;min-height:74px;padding:10px 12px;resize:vertical; }.v8-brain-composer footer { display:flex;align-items:center;justify-content:space-between;gap:var(--v8-space-3);margin-top:8px; }.v8-brain-composer__status { color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-brain-source-list,.v8-brain-action-list,.v8-brain-memory-list,.v8-brain-automation-list,.v8-brain-history { display:grid; }.v8-brain-history-tools { position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:var(--v8-space-3);padding:var(--v8-space-3) var(--density-card-padding);border-bottom:1px solid var(--v8-divider);background:color-mix(in srgb,var(--v8-canvas-raised) 98%,transparent); }.v8-brain-history-tools .v8-input-wrap { min-width:0;flex:1; }.v8-brain-history { gap:var(--v8-space-3);padding:var(--density-card-padding); }.v8-brain-source,.v8-brain-action-row,.v8-brain-memory,.v8-brain-automation-row { display:grid;min-height:var(--density-row-height);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--v8-space-3);padding:10px var(--density-card-padding);border-top:1px solid var(--v8-divider); }.v8-brain-source,.v8-brain-action-row,.v8-brain-memory { grid-template-columns:auto minmax(0,1fr) auto; }
.v8-brain-source > div:nth-child(2), .v8-brain-action-row > div:nth-child(2), .v8-brain-memory > div:nth-child(2), .v8-brain-automation-row > div:nth-child(2) { min-width: 0; }.v8-brain-source__icon,.v8-brain-action-row > span,.v8-brain-memory > span,.v8-brain-automation-row > span { display:grid;width:32px;height:32px;place-items:center;border-radius:var(--v8-radius-sm);background:var(--v8-surface-2);color:var(--v8-brain); }.v8-brain-source svg,.v8-brain-action-row svg,.v8-brain-memory svg,.v8-brain-automation-row svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }.v8-brain-source strong,.v8-brain-action-row strong,.v8-brain-memory strong,.v8-brain-automation-row strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:var(--v8-font-xs); }.v8-brain-source p,.v8-brain-action-row p,.v8-brain-memory p,.v8-brain-automation-row p { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-micro); }.v8-brain-memory small { color:var(--v8-brain);font-size:var(--v8-font-micro); }.v8-brain-memory > div:last-child { display:flex;gap:4px; }.v8-brain-automation-row.is-disabled { opacity:.5; }.v8-brain-automation-form { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:start;gap:var(--v8-space-2);padding:var(--density-card-padding);border-bottom:1px solid var(--v8-divider); }.v8-brain-automation-form > .v8-button { margin-top:22px; }
.v8-brain-privacy-note,.v8-brain-never-sent { display:flex;align-items:flex-start;gap:10px;padding:var(--density-card-padding);border-top:1px solid var(--v8-divider);background:var(--v8-surface-sunken); }.v8-brain-privacy-note svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm);color:var(--v8-success); }.v8-brain-privacy-note p,.v8-brain-never-sent p { color:var(--v8-muted);font-size:var(--v8-font-xs);line-height:var(--v8-line-base); }
.v8-brain-memory-form { display:grid;grid-template-columns:160px minmax(160px,.6fr) minmax(240px,1fr) auto;align-items:start;gap:var(--v8-space-2);padding:var(--density-card-padding);border-bottom:1px solid var(--v8-divider); }.v8-brain-memory-form > .v8-button { margin-top:22px; }.v8-brain-inline-status { padding:10px var(--density-card-padding);color:var(--v8-muted);font-size:var(--v8-font-xs); }.v8-brain-memory-tools { display:flex;justify-content:flex-end;gap:var(--v8-space-2);padding:var(--density-card-padding);border-top:1px solid var(--v8-divider); }
.v8-brain-policy { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--v8-space-4);padding:var(--density-card-padding); }.v8-brain-policy > svg { width:32px;height:32px;color:var(--v8-brain); }.v8-brain-policy strong { font-size:var(--v8-font-sm); }.v8-brain-policy p { margin-top:4px;color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-brain-provider-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v8-space-2);padding:var(--density-card-padding); }.v8-brain-provider { display:grid;gap:8px;padding:var(--density-card-padding);border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-sunken); }.v8-brain-provider.is-active { border-color:var(--v8-brain-line);background:color-mix(in srgb,var(--v8-brain-soft) 32%,var(--v8-surface-sunken)); }.v8-brain-provider header { display:flex;align-items:center;justify-content:space-between;gap:8px; }.v8-brain-provider header > span { color:var(--v8-brain); }.v8-brain-provider strong { font-size:var(--v8-font-sm); }.v8-brain-provider p,.v8-brain-provider small { color:var(--v8-muted);font-size:var(--v8-font-micro); }
.v8-brain-permissions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--v8-divider); }.v8-brain-permission { display:grid;min-height:var(--density-row-height);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px var(--density-card-padding);background:var(--v8-surface-1); }.v8-brain-permission > span { color:var(--v8-muted); }.v8-brain-permission svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }.v8-brain-permission strong { font-size:var(--v8-font-xs); }.v8-brain-never-sent { display:grid;grid-template-columns:auto minmax(0,1fr); }.v8-brain-never-sent strong { color:var(--v8-danger);font-size:var(--v8-font-xs); }
.v8-brain-diagnostics { max-height:520px;margin:0;padding:var(--density-card-padding);overflow:auto;background:var(--v8-surface-sunken);color:var(--v8-text-secondary);font:var(--v8-font-xs)/1.6 var(--v8-mono);white-space:pre-wrap; }
.v8-brain-settings-inline > .v8-button { flex: 0 0 auto; }
.v8-brain-settings-controls,.v8-brain-settings-inline { display:flex;min-width:min(520px,100%);align-items:center;justify-content:flex-end;gap:var(--v8-space-2); }.v8-brain-settings-controls .v8-input { min-width:130px; }.v8-brain-settings-inline .v8-input { min-width:110px; }
.v8-brain-settings-block { border-top:1px solid var(--v8-divider); }.v8-brain-settings-block > header { display:flex;align-items:center;justify-content:space-between;gap:var(--v8-space-3);padding:var(--density-card-padding); }.v8-brain-settings-block > header strong { font-size:var(--v8-font-sm); }.v8-brain-settings-block > header p { margin-top:3px;color:var(--v8-muted);font-size:var(--v8-font-xs); }.v8-brain-settings-block > header > div:last-child { display:flex;gap:var(--v8-space-2); }
.v8-brain-settings-permissions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--v8-divider); }.v8-brain-settings-permissions > label { display:flex;min-height:var(--density-row-height);align-items:center;justify-content:space-between;gap:10px;padding:8px var(--density-card-padding);background:var(--v8-surface-1); }.v8-brain-settings-permissions > label > span { display:flex;min-width:0;align-items:center;gap:8px; }.v8-brain-settings-permissions svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm);color:var(--v8-muted); }.v8-brain-settings-permissions strong { overflow:hidden;min-width:0;font-size:var(--v8-font-xs);text-overflow:ellipsis;white-space:nowrap; }
.v8-settings-memory-status { color:var(--v8-muted);font-size:var(--v8-font-xs); }.v8-settings-memory-list { display:grid; }.v8-settings-memory-row { display:grid;min-height:var(--density-row-height);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--v8-space-3);padding:10px var(--density-card-padding);border-top:1px solid var(--v8-divider); }.v8-settings-memory-row > span { color:var(--v8-brain); }.v8-settings-memory-row svg { width:var(--v8-icon-sm);height:var(--v8-icon-sm); }.v8-settings-memory-row small { color:var(--v8-brain);font-size:var(--v8-font-micro); }.v8-settings-memory-row strong { display:block;font-size:var(--v8-font-xs); }.v8-settings-memory-row p { margin-top:2px;color:var(--v8-muted);font-size:var(--v8-font-micro); }.v8-settings-memory-row > div:last-child { display:flex;gap:4px; }
.v8-context-strip { min-height:var(--v8-layout-toolbar-height); }
.v8-command-search { height:calc(var(--density-toolbar-height) + 16px); }.v8-command-result { min-height:var(--density-row-height); }
.v8-dock-editor__row,.v8-button.v8-recent-row,.v8-signal-row,.v8-flow-row,.v8-panel-notice { min-height:var(--density-row-height); }
.v8-daystream,.v8-continuity__body,.v8-home-brain,.v8-spotify-live,.v8-space-workspace,.v8-flow-row,.v8-panel-space-summary,.v8-panel-profile-card { padding:var(--v8-layout-card-padding); }
@media (max-width:1100px) {
  .v8-density-options,.v8-brain-provider-grid,.v8-brain-permissions,.v8-brain-settings-permissions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v8-brain-hero { grid-template-columns:minmax(0,1fr); }
  .v8-brain-memory-form,.v8-brain-automation-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .v8-density-options,.v8-theme-options,.v8-density-custom,.v8-density-adaptive,.v8-brain-provider-grid,.v8-brain-permissions,.v8-brain-settings-permissions,.v8-brain-suggestions { grid-template-columns:minmax(0,1fr); }
  .v8-density-settings__heading { grid-template-columns:auto minmax(0,1fr); }.v8-density-resolved { grid-column:2;justify-self:start; }
  .v8-density-preview { grid-template-columns:40px minmax(0,1fr); }.v8-density-preview__widget { display:none; }
  .v8-brain-hero__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v8-brain-panel__header { align-items:stretch;flex-direction:column; }.v8-brain-panel__header > .v8-button { align-self:flex-start; }
  .v8-brain-memory-form,.v8-brain-automation-form { grid-template-columns:minmax(0,1fr); }
  .v8-brain-memory-form > .v8-button,.v8-brain-automation-form > .v8-button { margin-top:0; }
  .v8-brain-settings-controls,.v8-brain-settings-inline { min-width:0;align-items:stretch;flex-direction:column; }.v8-brain-settings-controls .v8-input,.v8-brain-settings-inline .v8-input { width:100%;min-width:0; }
}
@media (max-width:480px) {
  .v8-brain-settings-block > header { align-items:stretch;flex-direction:column; }
  .v8-brain-settings-block > header > div:last-child { width:100%; }
  .v8-brain-settings-block > header > div:last-child > .v8-button { min-width:0;flex:1 1 0; }
}
.v8-spaces-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v8-layout-column-gap); }
.v8-space-workspace { display: grid; min-width: 0; min-height: 360px; grid-template-rows: auto minmax(0, 1fr) auto; padding: var(--v8-layout-card-padding); overflow: hidden; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); color: var(--v8-text-secondary); cursor: pointer; outline: none; text-align: left; transition: border-color var(--v8-motion-fast) var(--v8-ease-standard), box-shadow var(--v8-motion-fast) var(--v8-ease-standard), transform var(--v8-motion-fast) var(--v8-ease-window); }
.v8-space-workspace:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-space-workspace.is-active { border-color: var(--v8-accent-line); background: color-mix(in srgb, var(--v8-accent-soft) 40%, var(--v8-surface-1)); }
.v8-space-workspace__header { display: flex; align-items: center; justify-content: space-between; }
.v8-space-workspace__header > span:first-child { display: grid; width: 42px; height: 42px; place-items: center; border-radius: var(--v8-radius-md); background: var(--v8-accent-soft); color: var(--v8-accent); }
.v8-space-workspace__header svg { width: var(--v8-icon-md); height: var(--v8-icon-md); }
.v8-space-workspace__body { align-self: center; }
.v8-space-workspace__body small { color: var(--v8-accent); font-size: var(--v8-font-xs); }
.v8-space-workspace__body h2 { margin-top: 5px; color: var(--v8-text); font-size: var(--v8-font-2xl); }
.v8-space-workspace__body p { margin-top: var(--v8-space-3); color: var(--v8-muted); font-size: var(--v8-font-sm); line-height: 1.6; }
.v8-space-workspace__dock { display: flex; min-height: 48px; align-items: center; justify-content: center; gap: var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-sunken); }
.v8-space-workspace__dock svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-muted); }
.v8-flows-list { display: grid; gap: var(--v8-space-3); }
.v8-flow-row { display: grid; min-width: 0; grid-template-columns: 58px minmax(180px, 0.65fr) minmax(320px, 1fr) auto; align-items: center; gap: var(--v8-layout-column-gap); padding: var(--v8-layout-card-padding); }
.v8-flow-row.is-active { border-color: var(--v8-accent-line); }
.v8-flow-row__number { color: var(--v8-muted); font-family: var(--v8-mono); font-size: var(--v8-font-xl); }
.v8-flow-row__copy small { color: var(--v8-accent); font-size: var(--v8-font-micro); }
.v8-flow-row__copy h2 { margin-top: 2px; font-size: var(--v8-font-lg); }
.v8-flow-row__copy p { margin-top: 3px; color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-flow-row__steps { display: flex; min-width: 0; align-items: center; gap: var(--v8-space-2); }
.v8-flow-row__steps > span { display: inline-flex; min-width: 0; height: 32px; flex: 1; align-items: center; gap: 6px; padding: 0 9px; 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-micro); white-space: nowrap; }
.v8-flow-row__steps b { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: var(--v8-surface-2); color: var(--v8-text-secondary); font-size: var(--v8-font-micro); line-height: 1; }
.v8-flow-row__automations { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--v8-space-2); padding-top: var(--v8-space-2); border-top: 1px solid var(--v8-divider); }
.v8-flow-row__automations-label { color: var(--v8-muted); font-size: var(--v8-font-micro); }
.v8-flow-automation { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 4px 0 10px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-pill); background: var(--v8-surface-sunken); color: var(--v8-text-secondary); font-size: var(--v8-font-xs); }
.v8-flow-automation svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-brain); }
.v8-flow-automation.is-disabled { opacity: 0.5; }
.v8-flow-automation .v8-icon-button { width: 26px; height: 26px; flex-basis: 26px; }
.v8-flow-row__automations--empty .v8-flow-automation-select { min-width: 190px; }
@media (max-width: 1500px) and (min-width: 981px) {
  .v8-breadcrumbs .v8-breadcrumb-step--workspace,
  .v8-breadcrumbs .v8-breadcrumb-step--space,
  .v8-breadcrumb-context__item--workspace { display: none; }
}
@media (max-width: 1366px) and (min-width: 821px) {
  .v8-breadcrumb-context__item--space,
  .v8-breadcrumb-context__item--flow { display: none; }
}
@media (max-width: 1240px) {
  .v8-language-action,
  .v8-quick-action {
    display: none;
  }
  .v8-topbar__main {
    grid-template-columns: minmax(230px, 1fr) minmax(190px, 0.8fr) auto;
  }
  .v8-mission-apps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .v8-dock-app { width: 46px; height: 50px; flex-basis: 46px; }
  .v8-dock-app__plate { width: 39px; height: 39px; }
  .v8-dock-app svg { width: 21px; height: 21px; }
}
@media (max-width: 1500px) {
  .v8-home-brain__signals { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .v8-shell[data-rail="expanded"] {
    grid-template-columns: 210px minmax(0, 1fr);
  }
  .v8-shell[data-rail="expanded"] .v8-dock-host { --v8-dock-offset:105px; }
  .v8-theme-action,
  .v8-settings-action,
  .v8-action-status > span {
    display: none;
  }
  .v8-action-status {
    width: 38px;
    padding: 0;
    justify-content: center;
  }
  .v8-action-status b {
    position: absolute;
    top: 5px;
    right: 5px;
  }
  .v8-brain-context,
  .v8-brain-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-brain-context__signals {
    min-height: 90px;
  }
  .v8-home-brain__signals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 821px) and (max-width: 1100px) {
  .v8-topbar__main { grid-template-columns: minmax(260px,1fr) auto auto; }
  .v8-command-launcher { width:auto;grid-template-columns:auto auto;padding-inline:var(--v8-space-3); }
  .v8-command-launcher > span { display:none; }
  .v8-brain-tabs { position:static;flex-wrap:wrap;overflow:visible; }
  .v8-brain-tab { flex:1 1 calc(25% - 3px);justify-content:center; }
}
@media (max-width: 820px) {
  .v8-status-bar {
    display: flex;
    grid-column: 1;
    grid-row: 3;
    justify-content: space-between;
    padding: 0 max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));
  }
  .v8-status-item { height:var(--v8-touch-target);padding-inline:5px; }
  button.v8-status-item { min-height:var(--v8-touch-target); }
  .v8-status-item--save,
  .v8-status-item--session,
  .v8-status-item--version { display: none; }
  .v8-shell,
  .v8-shell[data-rail="expanded"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) calc(var(--v8-mobile-status-height) + env(safe-area-inset-bottom));
  }
  .v8-context-strip {
    grid-template-rows: 58px;
  }
  .v8-dock-host,
  .v8-shell[data-rail="expanded"] .v8-dock-host {
    --v8-dock-offset:0px;
    bottom: calc(var(--v8-mobile-status-height) + 10px + env(safe-area-inset-bottom));
    left: 50%;
    max-width: calc(100vw - 20px);
  }
  .v8-floating-dock { max-width: calc(100vw - 20px); gap: 4px; padding: 6px 7px; }
  .v8-dock-apps { overflow:visible;scroll-snap-type:none; }
  .v8-dock-app { width: 46px; min-width:var(--v8-touch-target); height: 50px; flex-basis: 46px; }
  .v8-dock-control,.v8-dock-more { width:var(--v8-touch-target);min-width:var(--v8-touch-target);height:50px;flex-basis:var(--v8-touch-target); }
  .v8-dock-editor { bottom: calc(100% + 10px); max-height: min(500px,calc(100dvh - 112px)); }
  .v8-dock-editor__actions .v8-icon-button { width:var(--v8-touch-target);height:var(--v8-touch-target);flex-basis:var(--v8-touch-target); }
  .v8-topbar__main {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .v8-topbar__identity,
  .v8-breadcrumbs {
    min-width: 0;
    overflow: hidden;
  }
  .v8-context-strip__tools {
    width: max-content;
  }
  .v8-sync-action,
  .v8-language-action,
  .v8-theme-action,
  .v8-quick-action,
  .v8-settings-action {
    display: none !important;
  }
  .v8-action-status {
    display: flex;
    width: 44px;
    height: 44px;
  }
  .v8-action-status > span,
  .v8-action-status > b {
    display: none;
  }
  .v8-context-strip__tools > .v8-icon-button:nth-of-type(2),
  .v8-context-strip__tools > .v8-icon-button:nth-of-type(4) {
    display: flex;
  }
  .v8-mission-layer {
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) calc(var(--v8-mobile-dock-clearance) + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  }
  .v8-mission-dialog {
    width: 100%;
  }
  .v8-mission-header {
    min-height: 74px;
    padding: var(--v8-space-3) var(--v8-space-4);
  }
  .v8-mission-header__actions .v8-button--secondary {
    display: none;
  }
  .v8-mission-body {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--v8-space-5);
    padding: var(--v8-space-4);
  }
  .v8-mission-spaces {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-mission-flows {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .v8-space-card {
    min-height: 86px;
  }
  .v8-mission-apps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v8-mission-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v8-mission-section--brain {
    grid-column: 1 / -1;
  }
  .v8-home-brain {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .v8-home-brain > .v8-button--secondary {
    display: none;
  }
  .v8-brain-context {
    padding: var(--v8-space-4);
  }
  .v8-brain-context__identity {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-brain-orbit {
    width: 50px;
    height: 50px;
  }
  .v8-brain-context__signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 160px;
  }
  .v8-brain-grid {
    gap: var(--v8-space-5);
  }
  .v8-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-activity-layout,
  .v8-spaces-grid { grid-template-columns: minmax(0, 1fr); }
  .v8-space-workspace { min-height: 260px; }
  .v8-flow-row { grid-template-columns: auto minmax(0, 1fr); }
  .v8-flow-row__steps { grid-column: 1 / -1; }
  .v8-flow-row > .v8-button { grid-column: 1 / -1; width: 100%; }
  .v8-settings-nav {
    display: grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow: visible;
  }
  .v8-settings-nav button {
    width:100%;
    min-height:var(--v8-touch-target);
  }
  .v8-breadcrumb-button { min-width:var(--v8-touch-target);height:var(--v8-touch-target); }
  .v8-breadcrumb-separator { width:10px;flex-basis:10px; }
  .v8-accent-swatch { width:var(--v8-touch-target);height:var(--v8-touch-target); }
  .v8-brain-tabs { position:static;flex-wrap:wrap;overflow:visible; }
  .v8-brain-tab { min-height:var(--v8-touch-target);flex:1 1 calc(33.333% - 4px);justify-content:center; }
  .v8-brain-chat-log { max-height:none;overflow:visible;scrollbar-gutter:auto; }
  .v8-row-menu > button { min-height:var(--v8-touch-target); }
  .v8-setting-row {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .v8-setting-row__control {
    grid-column: 1 / -1;
  }
  .v8-segmented,
  .v8-setting-choice {
    width: 100%;
  }
  .v8-sound-pack-control,
  .v8-sound-range {
    width: 100%;
    min-width: 0;
  }
  .v8-sound-pack-control > div {
    justify-content: stretch;
  }
  .v8-sound-pack-control .v8-input {
    min-width: 0;
    flex: 1 1 auto;
  }
  .v8-sound-pack-control small {
    text-align: left;
  }
  .v8-settings-spaces,
  .v8-system-checks {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-context-menu {
    max-width: calc(100vw - 16px);
  }
}
@media (max-width: 430px) {
  .v8-breadcrumb-button { width: var(--v8-touch-target); justify-content: center; padding: 0; }
  .v8-breadcrumb-button span { display: none; }
  .v8-breadcrumb-separator { width: 11px; flex-basis: 11px; }
  .v8-topbar__workspace-copy {
    display: none;
  }
  .v8-topbar__workspace {
    width: 44px;
    padding: 0;
    justify-content: center;
  }
  .v8-dock-host,
  .v8-shell[data-rail="expanded"] .v8-dock-host { bottom: calc(var(--v8-mobile-status-height) + 10px + env(safe-area-inset-bottom)); }
  .v8-floating-dock { border-radius: var(--v8-radius-dock); }
  .v8-dock-app { width: var(--v8-touch-target); height: 48px; flex-basis: var(--v8-touch-target); }
  .v8-dock-app__plate { width: 38px; height: 38px; }
  .v8-dock-app svg { width: 20px; height: 20px; }
  .v8-dock-control,.v8-dock-more { width:var(--v8-touch-target);height:48px;flex-basis:var(--v8-touch-target); }
  .v8-dock-editor { width: calc(100vw - 20px); }
  .v8-dock-launcher { width:calc(100vw - 20px); }
  .v8-mission-apps {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-mission-flows,
  .v8-mission-rail,
  .v8-mission-widgets {
    grid-template-columns: minmax(0, 1fr);
  }
  .v8-home-brain {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .v8-home-brain > .v8-icon-button {
    grid-column: auto;
    width: var(--v8-touch-target);
    min-width:var(--v8-touch-target);
  }
  .v8-home-brain__signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v8-home-brain__copy p,
  .v8-briefing-signal__copy strong,
  .v8-briefing-signal__copy small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .v8-button.v8-briefing-signal {
    min-height: 92px;
    align-items: start;
  }
  .v8-accent-picker {
    justify-content: space-between;
  }
  .v8-panel-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
}
.v8-card,
.v8-widget,
.v8-note-card,
.v8-profile-card {
  transition:
    transform var(--v8-motion-base) var(--v8-ease-standard),
    box-shadow var(--v8-motion-base) var(--v8-ease-standard),
    border-color var(--v8-motion-base) var(--v8-ease-standard),
    background-color var(--v8-motion-base) var(--v8-ease-standard);
}
html[data-v8-interactions] :where(.v8-card, .v8-widget, .v8-note-card, .v8-profile-card):hover {
  border-color: var(--v8-accent-line);
  box-shadow:
    0 16px 40px -12px color-mix(in srgb, var(--v8-accent) 24%, transparent),
    inset 0 1px 0 var(--v8-surface-glint);
  transform: translateY(-2px);
}
.v8-floating-dock {
  border-color: color-mix(in srgb, var(--v8-accent) 26%, var(--v8-border-highlight));
  box-shadow:
    var(--v8-shadow-float),
    0 0 42px -4px color-mix(in srgb, var(--v8-accent) 20%, transparent);
  transition:
    box-shadow var(--v8-motion-base) var(--v8-ease-standard),
    border-color var(--v8-motion-base) var(--v8-ease-standard),
    transform var(--v8-motion-base) var(--v8-ease-standard);
}
html[data-v8-interactions] .v8-floating-dock:hover {
  border-color: color-mix(in srgb, var(--v8-accent) 40%, var(--v8-border-highlight));
  box-shadow:
    var(--v8-shadow-float),
    0 0 54px -2px color-mix(in srgb, var(--v8-accent) 30%, transparent);
}
.v8-header {
  border-bottom-color: color-mix(in srgb, var(--v8-accent) 22%, var(--v8-border-highlight));
  box-shadow: 0 12px 32px -16px color-mix(in srgb, var(--v8-accent) 15%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .v8-shell,
  .v8-mission-layer,
  .v8-mission-dialog,
  .v8-mission-item,
  .v8-space-card,
  .v8-window-card,
  .v8-brain-insight,
  .v8-accent-swatch {
    transition-duration: 1ms;
  }
  .v8-floating-dock,
  .v8-dock-editor,
  .v8-dock-app { animation: none; }
  .v8-dock-app,.v8-dock-control { transition-duration: 1ms; }
  .v8-dock-app__plate,.v8-dock-control svg { animation: none; transition-duration: 1ms; }
  .v8-dock-app { transform: none !important; }
  .v8-mission-item { animation: none; }
  .v8-shell.is-mission-control-open .v8-stage-wrap { transform: none; }
  .v8-context-menu,
  .v8-sync-action:is([data-status="loading"],[data-status="saving"],[data-status="retrying"],[data-status="syncing"]) .v8-action-dot {
    animation: none;
  }
}
html[data-v8-zen="true"] .v8-app-header,
html[data-v8-zen="true"] .v8-floating-dock {
  transform: translateY(200%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}
html[data-v8-zen="true"] .v8-app-header {
  transform: translateY(-200%);
}
html[data-v8-zen="true"] #ethone-v8-root {
  grid-template-rows: 0fr 1fr 0fr !important;
}
html[data-v8-dock-scale="compact"] .v8-floating-dock {
  transform: scale(0.82);
  transform-origin: bottom center;
}
html[data-v8-dock-scale="large"] .v8-floating-dock {
  transform: scale(1.25);
  transform-origin: bottom center;
}
html[data-v8-dock-align="stretch"] .v8-dock-host {
  width: calc(100vw - 32px) !important;
  max-width: 1380px !important;
}
html[data-v8-dock-align="stretch"] .v8-floating-dock {
  width: 100% !important;
  justify-content: center !important;
  border-radius: var(--v8-radius-lg) !important;
  transform: none !important;
}
html[data-v8-dock-glass="ultra"] .v8-floating-dock {
  background: color-mix(in srgb, var(--v8-canvas-raised) 20%, transparent) !important;
  backdrop-filter: blur(32px) saturate(240%) !important;
  border-color: color-mix(in srgb, var(--v8-accent) 45%, var(--v8-border-highlight)) !important;
  box-shadow: 0 16px 40px -8px rgba(0,0,0,0.5), 0 0 24px -6px var(--v8-accent-glow) !important;
}
html[data-v8-dock-glass="opaque"] .v8-floating-dock {
  background: var(--v8-canvas-raised) !important;
  backdrop-filter: none !important;
  border-color: var(--v8-border) !important;
  box-shadow: var(--v8-shadow-height-2) !important;
}
html[data-v8-dock-autohide="true"] .v8-floating-dock {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
  transform: translateY(calc(100% - 6px));
  opacity: 0.3;
}
html[data-v8-dock-autohide="true"] .v8-floating-dock::after {
  content: "";
  position: absolute;
  top: -60px;
  left: -40px;
  right: -40px;
  bottom: -20px;
  z-index: -1;
}
html[data-v8-dock-autohide="true"] .v8-floating-dock:hover,
html[data-v8-dock-autohide="true"] .v8-floating-dock:focus-within {
  transform: translateY(0);
  opacity: 1;
}
html[data-v8-home-grid="2"] .v8-home-live-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html[data-v8-home-grid="3"] .v8-home-live-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html[data-v8-home-grid="4"] .v8-home-live-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html[data-v8-home-hero="compact"] .v8-continuity,
html[data-v8-home-hero="compact"] .v8-home-heading {
  padding: var(--v8-space-3) var(--v8-space-4) !important;
  min-height: auto !important;
}
html[data-v8-home-hero="compact"] .v8-continuity__subtitle,
html[data-v8-home-hero="compact"] .v8-continuity__meta,
html[data-v8-home-hero="compact"] .v8-home-heading p,
html[data-v8-home-hero="compact"] .v8-home-heading .v8-page-heading__actions {
  display: none !important;
}
html[data-v8-home-hero="compact"] .v8-home-heading h1 {
  font-size: var(--v8-type-h3) !important;
}
html[data-v8-home-hero="hidden"] .v8-continuity,
html[data-v8-home-hero="hidden"] .v8-home-heading {
  display: none !important;
}
.v8-note-read-progress {
  height: 3px;
  background: var(--v8-canvas-inset);
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--v8-divider);
}
.v8-note-read-progress__bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--v8-accent), var(--v8-cyan, #06b6d4));
  transition: width 0.15s ease-out;
}
.is-type-matched {
  outline: 2px solid var(--v8-accent) !important;
  outline-offset: -2px;
  background: var(--v8-accent-soft) !important;
  transition: background 0.3s ease, outline 0.3s ease;
}
html[data-aura="boreale"] {
  --v8-reflection-hero: linear-gradient(135deg, rgba(6, 182, 212, 0.18), rgba(139, 92, 246, 0.15));
  --v8-accent: #8b5cf6;
  --v8-accent-hover: color-mix(in srgb, #8b5cf6 86%, white);
  --v8-accent-pressed: color-mix(in srgb, #8b5cf6 80%, black);
  --v8-accent-line: rgba(139, 92, 246, 0.44);
  --v8-accent-soft: rgba(139, 92, 246, 0.14);
}
html[data-aura="cyberpunk"] {
  --v8-reflection-hero: linear-gradient(135deg, rgba(236, 72, 153, 0.22), rgba(16, 185, 129, 0.18));
  --v8-accent: #ec4899;
  --v8-accent-hover: color-mix(in srgb, #ec4899 86%, white);
  --v8-accent-pressed: color-mix(in srgb, #ec4899 80%, black);
  --v8-accent-line: rgba(236, 72, 153, 0.44);
  --v8-accent-soft: rgba(236, 72, 153, 0.14);
}
html[data-aura="eclipse"] {
  --v8-reflection-hero: linear-gradient(135deg, rgba(245, 158, 11, 0.22), rgba(15, 23, 42, 0.45));
  --v8-accent: #f59e0b;
  --v8-accent-hover: color-mix(in srgb, #f59e0b 86%, white);
  --v8-accent-pressed: color-mix(in srgb, #f59e0b 80%, black);
  --v8-accent-line: rgba(245, 158, 11, 0.44);
  --v8-accent-soft: rgba(245, 158, 11, 0.14);
}
html[data-aura="emeraude"] {
  --v8-reflection-hero: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(14, 165, 233, 0.16));
  --v8-accent: #10b981;
  --v8-accent-hover: color-mix(in srgb, #10b981 86%, white);
  --v8-accent-pressed: color-mix(in srgb, #10b981 80%, black);
  --v8-accent-line: rgba(16, 185, 129, 0.44);
  --v8-accent-soft: rgba(16, 185, 129, 0.14);
}
html[data-aura="minerale"] {
  --v8-reflection-hero: linear-gradient(135deg, rgba(148, 163, 184, 0.18), rgba(71, 85, 105, 0.22));
  --v8-accent: #94a3b8;
  --v8-accent-hover: color-mix(in srgb, #94a3b8 86%, white);
  --v8-accent-pressed: color-mix(in srgb, #94a3b8 80%, black);
  --v8-accent-line: rgba(148, 163, 184, 0.44);
  --v8-accent-soft: rgba(148, 163, 184, 0.14);
}
.v8-home-aura-selector {
  margin-bottom: var(--v8-space-5);
  padding: var(--v8-space-4);
  border-radius: var(--v8-radius-lg);
  background: var(--v8-surface-1);
  border: 1px solid var(--v8-border);
}
.v8-home-aura-selector__header {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
  margin-bottom: var(--v8-space-3);
  font-size: var(--v8-font-sm);
  color: var(--v8-text-primary);
}
.v8-home-aura-selector__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: var(--v8-space-2);
}
.v8-aura-option {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
  padding: var(--v8-space-2) var(--v8-space-3);
  border-radius: var(--v8-radius-md);
  border: 1px solid var(--v8-border);
  background: var(--v8-surface-2);
  color: var(--v8-text-secondary);
  font-size: var(--v8-font-xs);
  cursor: pointer;
  transition: all 0.18s ease;
}
html[data-v8-interactions] .v8-aura-option:hover {
  border-color: var(--v8-border-strong);
  background: var(--v8-surface-3);
  color: var(--v8-text-primary);
}
.v8-aura-option.is-active {
  border-color: var(--v8-accent);
  background: var(--v8-accent-soft);
  color: var(--v8-text-primary);
  font-weight: var(--v8-weight-semibold);
}
@media (min-width: 981px) {
  .v8-home-secondary {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.15fr) minmax(240px, 0.8fr);
  }
}
.v8-productivity-card {
  display: flex;
  flex-direction: column;
  gap: var(--v8-space-3);
  padding: var(--v8-space-4);
  border-radius: var(--v8-radius-lg);
  background: var(--v8-surface-1);
  border: 1px solid var(--v8-border);
}
.v8-productivity-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--v8-space-3);
}
.v8-productivity-metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--v8-space-3);
  border-radius: var(--v8-radius-md);
  background: var(--v8-surface-2);
  border: 1px solid var(--v8-border);
}
.v8-productivity-metric__title {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
  font-size: var(--v8-font-xs);
  color: var(--v8-muted);
}
.v8-productivity-metric__value {
  font-size: var(--v8-font-lg);
  font-weight: var(--v8-weight-bold);
  color: var(--v8-text-primary);
}
.v8-productivity-bar {
  height: 6px;
  border-radius: var(--v8-radius-pill);
  background: var(--v8-surface-3);
  overflow: hidden;
  margin-top: 4px;
}
.v8-productivity-bar__fill {
  height: 100%;
  background: var(--v8-accent);
  border-radius: var(--v8-radius-pill);
  transition: width 0.4s ease;
}
.v8-productivity-actions {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
  margin-top: auto;
  padding-top: var(--v8-space-2);
  border-top: 1px solid var(--v8-divider);
}
.v8-scratchpad {
  position: fixed;
  z-index: 8000;
  bottom: 80px;
  right: 24px;
  width: min(90vw, 420px);
  height: 380px;
  display: flex;
  flex-direction: column;
  border-radius: var(--v8-radius-dock);
  background: var(--v8-surface-1);
  border: 1px solid var(--v8-border-strong);
  box-shadow: var(--v8-shadow-dialog);
  overflow: hidden;
}
.v8-scratchpad__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--v8-space-3) var(--v8-space-4);
  border-bottom: 1px solid var(--v8-border);
  background: var(--v8-surface-2);
}
.v8-scratchpad__title {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
  font-size: var(--v8-font-sm);
  font-weight: var(--v8-weight-semibold);
  color: var(--v8-text-primary);
}
.v8-scratchpad__toolbar {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
}
.v8-scratchpad__count {
  font-size: var(--v8-font-micro);
  color: var(--v8-muted);
}
.v8-scratchpad__status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--v8-accent);
  display: inline-block;
}
.v8-scratchpad__status[data-status="pending"] {
  background: #f59e0b;
}
.v8-scratchpad__area {
  flex: 1;
  width: 100%;
  padding: var(--v8-space-4);
  border: none;
  background: transparent;
  color: var(--v8-text-primary);
  font-family: inherit;
  font-size: var(--v8-font-sm);
  line-height: 1.5;
  resize: none;
  outline: none;
}
.v8-shortcuts-overlay {
  position: fixed;
  z-index: 9000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(92vw, 760px);
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  border-radius: var(--v8-radius-dock);
  background: var(--v8-surface-1);
  border: 1px solid var(--v8-border-strong);
  box-shadow: var(--v8-shadow-dialog);
  overflow: hidden;
}
.v8-shortcuts-overlay__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--v8-space-4) var(--v8-space-5);
  border-bottom: 1px solid var(--v8-border);
  background: var(--v8-surface-2);
}
.v8-shortcuts-overlay__title {
  display: flex;
  align-items: center;
  gap: var(--v8-space-3);
  font-size: var(--v8-font-base);
  color: var(--v8-text-primary);
}
.v8-shortcuts-overlay__body {
  flex: 1;
  overflow-y: auto;
  padding: var(--v8-space-5);
}
.v8-shortcuts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--v8-space-5);
}
.v8-shortcut-group {
  display: flex;
  flex-direction: column;
  gap: var(--v8-space-3);
}
.v8-shortcut-group__header {
  display: flex;
  align-items: center;
  gap: var(--v8-space-2);
  font-size: var(--v8-font-sm);
  color: var(--v8-text-primary);
  border-bottom: 1px solid var(--v8-divider);
  padding-bottom: var(--v8-space-2);
}
.v8-shortcut-group__rows {
  display: flex;
  flex-direction: column;
  gap: var(--v8-space-2);
}
.v8-shortcut-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--v8-space-3);
  font-size: var(--v8-font-xs);
  color: var(--v8-text-secondary);
}
.v8-shortcut-keys {
  display: flex;
  align-items: center;
  gap: 4px;
}
.v8-shortcut-key {
  display: inline-block;
  padding: 2px 6px;
  border-radius: var(--v8-radius-sm);
  border: 1px solid var(--v8-border);
  background: var(--v8-surface-2);
  color: var(--v8-text-primary);
  font-size: var(--v8-font-micro);
  font-family: inherit;
  box-shadow: 0 1px 0 var(--v8-border-strong);
}
.v8-shortcut-sep {
  color: var(--v8-muted);
  font-size: var(--v8-font-micro);
}
.v8-shortcuts-overlay__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--v8-space-2);
  padding: var(--v8-space-3) var(--v8-space-5);
  border-top: 1px solid var(--v8-border);
  background: var(--v8-surface-2);
  color: var(--v8-muted);
}
html[data-font="outfit"] {
  --v8-font: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--v8-font);
}
html[data-font="mono"] {
  --v8-font: "JetBrains Mono", "Fira Code", "Consolas", monospace;
  font-family: var(--v8-font);
}
html[data-font="serif"] {
  --v8-font: "Playfair Display", "Editorial Serif", "Georgia", serif;
  font-family: var(--v8-font);
}
html[data-radius-style="sharp"] {
  --v8-radius-xs: 2px;
  --v8-radius-sm: 3px;
  --v8-radius-md: 4px;
  --v8-radius-lg: 6px;
  --v8-radius-pill: 6px;
  --v8-radius-dock: 8px;
}
html[data-radius-style="soft"] {
  --v8-radius-xs: 6px;
  --v8-radius-sm: 10px;
  --v8-radius-md: 16px;
  --v8-radius-lg: 24px;
  --v8-radius-pill: 9999px;
  --v8-radius-dock: 32px;
}
.v8-page-heading__meta {
  display: flex;
  align-items: center;
  gap: var(--v8-space-3);
  flex-wrap: wrap;
}
.v8-session-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--v8-space-2);
  padding: 4px 10px;
  border-radius: var(--v8-radius-pill);
  border: 1px solid var(--v8-border-strong);
  background: var(--v8-surface-card);
  color: var(--v8-text-primary);
  font-size: var(--v8-font-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--v8-shadow-sm);
}
html[data-v8-interactions] .v8-session-badge:hover {
  background: var(--v8-surface-glass);
  border-color: var(--v8-accent);
  box-shadow: 0 0 16px var(--v8-accent-glow);
  transform: translateY(-1px);
}
.v8-session-badge__icon {
  font-size: var(--v8-font-sm);
}
.v8-session-badge__label {
  color: var(--v8-text-primary);
}
html[data-session-mode="intense"] .v8-home-heading {
  border-left: 3px solid var(--v8-accent);
  padding-left: var(--v8-space-4);
}
html[data-session-mode="zen"] .v8-home-heading {
  border-left: 3px solid var(--v8-success);
  padding-left: var(--v8-space-4);
}
html[data-session-mode="night"] .v8-home-heading {
  border-left: 3px solid var(--v8-purple-500);
  padding-left: var(--v8-space-4);
}
html[data-v8-dock-magnify="true"] .v8-dock-app {
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.22s ease;
}
html[data-v8-dock-magnify="true"] .v8-dock-app:hover {
  transform: translate3d(0,-7px,0) scale(1.12);
  z-index: 10;
}
html[data-v8-dock-magnify="true"] .v8-dock-app:hover .v8-dock-app__plate {
  box-shadow: 0 14px 28px rgba(0,0,0,0.3), 0 0 0 1px var(--v8-accent-line), 0 0 26px var(--v8-accent-glow, rgba(139, 92, 246, 0.25));
}
html[data-v8-dock-magnify="true"] .v8-dock-app:active {
  transform: translate3d(0,-2px,0) scale(1.08);
}
html[data-v8-animations="snappy"] * {
  transition-duration: 0.1s !important;
}
html[data-v8-animations="reduced"] * {
  transition-duration: 0.01s !important;
  animation-duration: 0.01s !important;
}
html[data-v8-interactions][data-v8-ui-glow="true"] .v8-card:hover,
html[data-v8-interactions][data-v8-ui-glow="true"] .v8-surface:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 0 18px var(--v8-accent-glow, rgba(139, 92, 246, 0.18));
  border-color: var(--v8-accent-soft, rgba(139, 92, 246, 0.35));
}
html[data-v8-ui-glow="true"] .v8-floating-dock {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.35), 0 0 24px var(--v8-accent-glow, rgba(139, 92, 246, 0.15));
}
.v8-control-center-window {
  position: absolute;
  bottom: 80px;
  right: 20px;
  left: auto;
  width: min(360px, calc(100vw - 20px));
  max-height: min(560px, calc(100dvh - 120px));
  overflow: hidden;
  border: 1px solid var(--v8-border-highlight);
  border-radius: var(--v8-radius-xl);
  background: var(--v8-dialog-glass);
  box-shadow: var(--v8-shadow-window-open), 0 0 40px rgba(0,0,0,0.2);
  backdrop-filter: blur(var(--v8-blur)) saturate(var(--v8-saturate));
  transform-origin: bottom right;
  animation: v8-cc-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.v8-control-center-window > header { padding: var(--v8-space-4) var(--v8-space-5); border-bottom: 1px solid var(--v8-divider); }
.v8-control-center-window > header .v8-icon-button { width: 34px; height: 34px; }
@keyframes v8-cc-pop {
  0% { opacity: 0; transform: scale(0.92) translateY(16px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
.v8-control-center-panel {
  display: grid;
  gap: 6px;
  padding: 10px 12px 14px;
  max-height: min(480px, calc(100dvh - 200px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.v8-control-center__group { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: color-mix(in srgb, var(--v8-surface-sunken) 86%, transparent); }
.v8-control-center__group-header { display: flex; align-items: center; gap: 8px; padding: 0 2px; color: var(--v8-text-secondary); font-size: var(--v8-font-micro); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.v8-control-center__group-header svg { width: 14px; height: 14px; color: var(--v8-accent); }
.v8-control-center__group-body { display: flex; flex-wrap: wrap; gap: 6px; }
.v8-control-center__group-body.is-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v8-control-center__choice { display: inline-flex; min-width: max-content; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-pill); background: var(--v8-surface-1); color: var(--v8-text-secondary); font-size: var(--v8-font-micro); font-weight: 600; cursor: pointer; outline: none; transition: color var(--v8-motion-fast), background-color var(--v8-motion-fast), border-color var(--v8-motion-fast), box-shadow var(--v8-motion-fast); }
.v8-control-center__choice:hover { border-color: var(--v8-border-strong); color: var(--v8-text); }
.v8-control-center__choice.is-active { background: var(--v8-accent); border-color: var(--v8-accent); color: #000; box-shadow: var(--v8-shadow-height-1); }
.v8-control-center__choice:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-control-center__tile { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 68px; padding: 8px 4px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); color: var(--v8-text-secondary); cursor: pointer; outline: none; transition: color var(--v8-motion-fast), background-color var(--v8-motion-fast), border-color var(--v8-motion-fast), box-shadow var(--v8-motion-fast); }
.v8-control-center__tile svg { width: 20px; height: 20px; color: var(--v8-accent); }
.v8-control-center__tile span { overflow: hidden; font-size: var(--v8-font-micro); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.v8-control-center__tile:hover { border-color: var(--v8-border-strong); color: var(--v8-text); }
.v8-control-center__tile.is-active { background: var(--v8-accent); border-color: var(--v8-accent); color: #000; box-shadow: var(--v8-shadow-height-1); }
.v8-control-center__tile.is-active svg { color: #000; }
.v8-control-center__tile:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-control-center__toggle { display: flex; min-width: 0; flex: 1 1 calc(50% - 3px); align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: var(--v8-surface-1); color: var(--v8-text-secondary); cursor: pointer; outline: none; transition: color var(--v8-motion-fast), background-color var(--v8-motion-fast), border-color var(--v8-motion-fast); }
.v8-control-center__toggle-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: var(--v8-radius-sm); background: var(--v8-surface-2); color: var(--v8-accent); }
.v8-control-center__toggle-icon svg { width: 15px; height: 15px; }
.v8-control-center__toggle-track { position: relative; width: 36px; height: 20px; margin-left: auto; border-radius: 999px; background: var(--v8-surface-3); transition: background-color var(--v8-motion-fast); }
.v8-control-center__toggle-thumb { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--v8-text-primary); transition: transform var(--v8-motion-fast); }
.v8-control-center__toggle.is-active { border-color: var(--v8-accent); color: var(--v8-text); }
.v8-control-center__toggle.is-active .v8-control-center__toggle-track { background: var(--v8-accent); }
.v8-control-center__toggle.is-active .v8-control-center__toggle-thumb { transform: translateX(16px); background: #000; }
.v8-control-center__toggle:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-control-center__toggle:hover { border-color: var(--v8-border-strong); color: var(--v8-text); }
[data-v8-ui-glow="true"] .v8-dock-editor__choice:hover {
  box-shadow: 0 0 12px var(--v8-accent-glow, rgba(255,255,255,0.2));
  transform: translateY(-1px);
  transition: all 0.2s ease-out;
}
[data-v8-ui-glow="true"] .v8-dock-app:hover .v8-dock-app__plate {
  box-shadow: 0 0 15px var(--v8-accent-glow, rgba(255,255,255,0.3));
}
.v8-dynamic-island {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px) scale(0.9);
  background: #000;
  color: #fff;
  border-radius: 100vmax;
  padding: 6px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.1);
}
.v8-dynamic-island.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}
.v8-dynamic-island.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-150%) scale(0.9);
}
.v8-dynamic-island.is-expanded {
  border-radius: 24px;
  padding: 16px 24px;
}
.v8-dynamic-island.is-paused {
  background: #222;
  border-color: rgba(255, 165, 0, 0.5);
}
.v8-dynamic-island__content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.v8-dynamic-island.is-expanded .v8-dynamic-island__content {
  flex-direction: column;
  gap: 12px;
}
.v8-dynamic-island__timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.1;
}
.v8-dynamic-island__time {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--v8-font-mono, monospace);
}
.v8-dynamic-island__phase {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.7;
  font-weight: 600;
}
.v8-dynamic-island__actions {
  display: flex;
  gap: 4px;
}
article.v8-lol-live, article.v8-valorant-live, article.v8-tracker-live, article.v8-spotify-live, article.v8-discord-live, article.v8-minecraft-live, article.v8-github-live, article.v8-google-calendar-live, article.v8-google-drive-live, article.v8-lastfm-live, article.v8-notion-live, article.v8-reddit-live, article.v8-steam-live, article.v8-todoist-live, article.v8-twitch-live, article.v8-weather-live, article.v8-youtube-live {
  display: block !important;
  perspective: 1000px;
  cursor: pointer;
  position: relative;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.v8-live-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-style: preserve-3d;
}
.v8-lol-live.is-flipped .v8-live-card-inner,
.v8-valorant-live.is-flipped .v8-live-card-inner,
.v8-tracker-live.is-flipped .v8-live-card-inner,
.v8-spotify-live.is-flipped .v8-live-card-inner,
.v8-discord-live.is-flipped .v8-live-card-inner,
.v8-minecraft-live.is-flipped .v8-live-card-inner,
.v8-github-live.is-flipped .v8-live-card-inner,
.v8-google-calendar-live.is-flipped .v8-live-card-inner,
.v8-google-drive-live.is-flipped .v8-live-card-inner,
.v8-lastfm-live.is-flipped .v8-live-card-inner,
.v8-notion-live.is-flipped .v8-live-card-inner,
.v8-reddit-live.is-flipped .v8-live-card-inner,
.v8-steam-live.is-flipped .v8-live-card-inner,
.v8-todoist-live.is-flipped .v8-live-card-inner,
.v8-twitch-live.is-flipped .v8-live-card-inner,
.v8-weather-live.is-flipped .v8-live-card-inner,
.v8-youtube-live.is-flipped .v8-live-card-inner {
  transform: rotateX(180deg);
}
article.v8-lol-live:focus-visible,
article.v8-valorant-live:focus-visible,
article.v8-tracker-live:focus-visible,
article.v8-spotify-live:focus-visible,
article.v8-discord-live:focus-visible,
article.v8-minecraft-live:focus-visible,
article.v8-github-live:focus-visible,
article.v8-google-calendar-live:focus-visible,
article.v8-google-drive-live:focus-visible,
article.v8-lastfm-live:focus-visible,
article.v8-notion-live:focus-visible,
article.v8-reddit-live:focus-visible,
article.v8-steam-live:focus-visible,
article.v8-todoist-live:focus-visible,
article.v8-twitch-live:focus-visible,
article.v8-weather-live:focus-visible,
article.v8-youtube-live:focus-visible {
  outline: none;
  box-shadow: var(--v8-shadow-focus) !important;
}
.v8-live-card-front, .v8-live-card-back {
  display: grid;
  min-width: 0;
  align-items: center;
  gap: var(--v8-space-4);
  backface-visibility: hidden;
  border-radius: var(--v8-radius-md);
  border: 1px solid transparent;
  padding: var(--v8-space-4);
  box-shadow: var(--v8-shadow-card-lit);
  height: 100%;
}
.v8-live-card-back {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: var(--v8-space-3);
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  transform: rotateX(180deg);
  background: var(--v8-surface-raised, rgba(255,255,255,0.05));
  padding: var(--v8-space-2) var(--v8-space-4);
}
.v8-lol-live .v8-live-card-front { grid-template-columns:44px minmax(0,1fr); }
.v8-valorant-live .v8-live-card-front, .v8-tracker-live .v8-live-card-front { grid-template-columns:52px minmax(0,1fr); }
.v8-valorant-live .v8-live-card-front, .v8-valorant-live .v8-live-card-back {
  border-color: color-mix(in srgb,#ff4655 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#ff4655 4%,var(--v8-surface-1));
}
.v8-spotify-live .v8-live-card-front, .v8-spotify-live .v8-live-card-back {
  border-color: color-mix(in srgb,var(--v8-success) 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,var(--v8-success) 4%,var(--v8-surface-1));
}
.v8-discord-live .v8-live-card-front, .v8-discord-live .v8-live-card-back {
  border-color: color-mix(in srgb,#5865f2 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#5865f2 4%,var(--v8-surface-1));
}
.v8-minecraft-live .v8-live-card-front, .v8-minecraft-live .v8-live-card-back {
  border-color: color-mix(in srgb,#3d8e3d 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#3d8e3d 4%,var(--v8-surface-1));
}
.v8-lol-live .v8-live-card-front, .v8-lol-live .v8-live-card-back {
  border-color: color-mix(in srgb,#c89b3c 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#c89b3c 4%,var(--v8-surface-1));
}
.v8-tracker-live .v8-live-card-front, .v8-tracker-live .v8-live-card-back {
  border-color: color-mix(in srgb,#ff4713 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#ff4713 4%,var(--v8-surface-1));
}
.v8-github-live .v8-live-card-front, .v8-github-live .v8-live-card-back {
  border-color: color-mix(in srgb,#333 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#333 4%,var(--v8-surface-1));
}
.v8-google-calendar-live .v8-live-card-front, .v8-google-calendar-live .v8-live-card-back {
  border-color: color-mix(in srgb,#ea4335 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#ea4335 4%,var(--v8-surface-1));
}
.v8-google-drive-live .v8-live-card-front, .v8-google-drive-live .v8-live-card-back {
  border-color: color-mix(in srgb,#4285f4 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#4285f4 4%,var(--v8-surface-1));
}
.v8-lastfm-live .v8-live-card-front, .v8-lastfm-live .v8-live-card-back {
  border-color: color-mix(in srgb,#d51007 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#d51007 4%,var(--v8-surface-1));
}
.v8-notion-live .v8-live-card-front, .v8-notion-live .v8-live-card-back {
  border-color: color-mix(in srgb,#000 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#000 4%,var(--v8-surface-1));
}
.v8-reddit-live .v8-live-card-front, .v8-reddit-live .v8-live-card-back {
  border-color: color-mix(in srgb,#ff4500 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#ff4500 4%,var(--v8-surface-1));
}
.v8-steam-live .v8-live-card-front, .v8-steam-live .v8-live-card-back {
  border-color: color-mix(in srgb,#1b2838 40%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#1b2838 4%,var(--v8-surface-1));
}
.v8-todoist-live .v8-live-card-front, .v8-todoist-live .v8-live-card-back {
  border-color: color-mix(in srgb,#e44332 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#e44332 4%,var(--v8-surface-1));
}
.v8-twitch-live .v8-live-card-front, .v8-twitch-live .v8-live-card-back {
  border-color: color-mix(in srgb,#9146ff 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#9146ff 4%,var(--v8-surface-1));
}
.v8-weather-live .v8-live-card-front, .v8-weather-live .v8-live-card-back {
  border-color: color-mix(in srgb,#0ea5e9 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#0ea5e9 4%,var(--v8-surface-1));
}
.v8-youtube-live .v8-live-card-front, .v8-youtube-live .v8-live-card-back {
  border-color: color-mix(in srgb,#ff0000 26%,var(--v8-border));
  background: var(--v8-reflection-card),color-mix(in srgb,#ff0000 4%,var(--v8-surface-1));
}
.v8-live-card-back .v8-flip-back-header { display:flex;align-items:center;gap:var(--v8-space-3); }
.v8-live-card-back .v8-flip-back-body { display:grid;gap:var(--v8-space-2); }
.v8-live-card-back .v8-flip-back-body > p { overflow:hidden;font-size:var(--v8-font-sm);text-overflow:ellipsis;white-space:nowrap; }
.v8-live-card-back .v8-flip-back-body > p:first-child { font-weight:var(--v8-weight-semibold);color:var(--v8-text); }
.v8-live-card-back .v8-flip-back-footer { padding-top:var(--v8-space-3);border-top:1px solid var(--v8-border);color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-spotify-live-back .v8-flip-back-header { color:var(--v8-success); }
.v8-discord-live-back .v8-flip-back-header { color:#5865f2; }
.v8-minecraft-live-back .v8-flip-back-header { color:#65a565; }
.v8-lol-live-back .v8-flip-back-header { color:#c89b3c; }
.v8-valorant-live-back .v8-flip-back-header { color:#ff4655; }
.v8-tracker-live-back .v8-flip-back-header { color:#ff4713; }
.v8-github-live-back .v8-flip-back-header { color:#999; }
.v8-google-calendar-live-back .v8-flip-back-header { color:#ea4335; }
.v8-google-drive-live-back .v8-flip-back-header { color:#4285f4; }
.v8-lastfm-live-back .v8-flip-back-header { color:#d51007; }
.v8-notion-live-back .v8-flip-back-header { color:#fff; }
.v8-reddit-live-back .v8-flip-back-header { color:#ff4500; }
.v8-steam-live-back .v8-flip-back-header { color:#66c0f4; }
.v8-todoist-live-back .v8-flip-back-header { color:#e44332; }
.v8-twitch-live-back .v8-flip-back-header { color:#9146ff; }
.v8-weather-live-back .v8-flip-back-header { color:#0ea5e9; }
.v8-youtube-live-back .v8-flip-back-header { color:#ff0000; }
@media (prefers-reduced-motion: reduce) {
  .v8-live-card-inner { transition-duration: 1ms !important; }
}
@media (max-width:540px) {
  .v8-lol-live .v8-live-card-front, .v8-valorant-live .v8-live-card-front, .v8-tracker-live .v8-live-card-front { grid-template-columns: 46px minmax(0,1fr); }
  .v8-live-card-front, .v8-live-card-back { gap: var(--v8-space-3); padding: var(--v8-space-3); }
}
.v8-live-category {
  margin-top: var(--v8-space-6);
}
.v8-live-category:first-child {
  margin-top: 0;
}
.v8-live-category[hidden] {
  display: none;
}
.v8-live-category__title {
  font-size: var(--v8-font-sm);
  color: var(--v8-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--v8-space-2);
}
.v8-live-empty-stats {
  text-align: center;
  color: var(--v8-text-tertiary);
  font-size: var(--v8-font-sm);
  padding: var(--v8-space-2) 0;
}
.v8-live-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin-top: 4px;
}
.v8-live-stat-item {
  display: flex;
  flex-direction: column;
  background: rgba(0,0,0,0.2);
  padding: 6px;
  border-radius: var(--v8-radius-sm);
}
.v8-live-stat-label {
  font-size: var(--v8-font-micro);
  color: var(--v8-text-secondary);
  text-transform: uppercase;
}
.v8-live-stat-value {
  font-size: var(--v8-font-sm);
  font-weight: var(--v8-weight-bold);
  color: var(--v8-text);
}

html[data-v8-aura-pulse="true"] .v8-ambient-layer {
  animation: aura-pulse 2s infinite alternate ease-in-out;
}
@keyframes aura-pulse {
  0% { transform: scale(1); filter: blur(60px) brightness(1) saturate(1); }
  100% { transform: scale(1.1); filter: blur(40px) brightness(1.3) saturate(1.3); }
}
.v8-matches-skeleton { display:flex;flex-direction:column;gap:var(--v8-space-3);padding:var(--v8-space-6); }
.v8-matches-skeleton__bar { height:var(--v8-space-4);border-radius:var(--v8-radius-sm);width:70%;background:var(--v8-surface-3); }
.v8-matches-page { display:flex;flex-direction:column;gap:var(--v8-space-6);padding:var(--v8-space-6);max-width:1000px;margin:0 auto;width:100%;min-width:0;box-sizing:border-box; }
.v8-matches-header { display:flex;justify-content:space-between;align-items:center;gap:var(--v8-space-4);flex-wrap:wrap;min-width:0; }
.v8-matches-header-left, .v8-matches-header-right { display:flex;align-items:center;gap:var(--v8-space-4);min-width:0; }
.v8-matches-page h1 { font-size:var(--v8-font-xl);font-weight:var(--v8-weight-bold);color:var(--v8-text);margin:0;min-width:0; }
.v8-matches-filter { background:var(--v8-surface-2);color:var(--v8-text);border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);padding:var(--v8-space-2) var(--v8-space-4);font-family:inherit;font-size:var(--v8-font-sm);outline:none;min-width:0;max-width:100%; }
.v8-matches-history { display:flex;flex-direction:column;gap:var(--v8-space-6);min-width:0; }
.v8-match-group + .v8-match-group { margin-top:var(--v8-space-4); }
.v8-match-group { display:flex;flex-direction:column;gap:0;background:var(--v8-surface-1);border-radius:var(--v8-radius-lg);overflow:hidden;border:1px solid var(--v8-border);box-shadow:var(--v8-shadow-sm); }
.v8-match-group-header { display:flex;align-items:center;flex-wrap:wrap;padding:var(--v8-space-3) var(--v8-space-4);background:var(--v8-surface-sunken);border-bottom:2px solid var(--v8-border);gap:var(--v8-space-6);min-width:0;max-width:100%;box-sizing:border-box; }
.v8-match-group-date { display:flex;align-items:center;gap:var(--v8-space-2);flex:1 1 auto;min-width:0; }
.v8-match-group-date strong { font-size:var(--v8-font-lg);color:var(--v8-text); }
.v8-match-group-count { background:var(--v8-surface-3);padding:2px 8px;border-radius:var(--v8-radius-sm);font-size:var(--v8-font-sm);font-weight:var(--v8-weight-bold);color:var(--v8-text); }
.v8-match-report-btn { display:flex;align-items:center;gap:6px;color:var(--v8-danger);border-color:transparent;background:transparent;padding:4px 8px;font-weight:var(--v8-weight-semibold); }
.v8-match-report-btn svg { width:16px;height:16px; }
.v8-match-report-btn:hover { background:var(--v8-surface-3); }
.v8-match-group-wl { display:flex;align-items:center;font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold);white-space:nowrap; }
.v8-match-group-aggregate { display:flex;gap:var(--v8-space-6);align-items:center;margin-left:auto;min-width:0;max-width:100%; }
.v8-matches-error { width:100%; }
@media (max-width: 600px) {
  .v8-matches-page { padding:var(--v8-space-4); }
  .v8-matches-header { flex-direction:column;align-items:flex-start;gap:var(--v8-space-3); }
  .v8-matches-header-left, .v8-matches-header-right { width:100%;min-width:0; }
  .v8-matches-header-right { gap:var(--v8-space-2); }
  .v8-matches-filter, .v8-matches-header input { flex:1 1 auto;min-width:0 !important;max-width:100%; }
  .v8-matches-page h1 { font-size:var(--v8-font-lg); }
}
@media (max-width: 380px) {
  .v8-matches-page { padding:var(--v8-space-3); }
  .v8-matches-header-right { flex-wrap:wrap; }
}
.v8-valorant-profile,
.v8-lol-profile,
.v8-apex-profile { display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--v8-space-4);padding:var(--v8-space-3) var(--v8-space-4);margin-bottom:var(--v8-space-4);border-radius:var(--v8-radius-lg); }
.v8-profile-info { display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto; }
.v8-profile-name { display:block;font-size:var(--v8-font-lg);font-weight:var(--v8-weight-bold);color:var(--v8-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-profile-rank { display:block;color:var(--v8-text-secondary);font-size:var(--v8-font-sm);font-weight:var(--v8-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-profile-stats { display:flex;gap:var(--v8-space-5);align-items:center;margin-left:auto;flex-wrap:wrap; }
.v8-match-stat-col.v8-profile-stat { align-items:flex-start; }
.v8-match-row { position:relative;display:grid;grid-template-columns:40px 140px 70px auto minmax(50px, 1fr) minmax(100px, 1.5fr) 50px 50px 50px 40px;gap:var(--v8-space-3);align-items:center;padding:var(--v8-space-2) var(--v8-space-4);background:var(--v8-surface-1);transition:background 0.2s; }
.v8-match-row:hover { background:var(--v8-surface-2); }
.v8-match-row:focus-visible { outline:2px solid var(--v8-info);outline-offset:-2px; }
.v8-match-row + .v8-match-row { border-top:1px solid var(--v8-border); }
.v8-match-accent { position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0; }
.v8-match-row.is-win .v8-match-accent { background:var(--v8-success); }
.v8-match-row.is-loss .v8-match-accent { background:var(--v8-danger); }
.v8-match-row.is-draw .v8-match-accent { background:var(--v8-muted); }
.v8-match-agent { position:relative;width:40px;height:40px;border-radius:var(--v8-radius-sm);overflow:visible;background:var(--v8-surface-3); }
.v8-match-agent img,.v8-match-agent-placeholder { width:100%;height:100%;border-radius:var(--v8-radius-sm);object-fit:cover; }
.v8-match-agent-placeholder { background:var(--v8-surface-3); }
.v8-match-info { display:flex;flex-direction:column;min-width:0;overflow:hidden; }
.v8-match-meta { display:flex;align-items:center;gap:var(--v8-space-2);min-width:0; }
.v8-match-meta > span:first-child { min-width:0;overflow:hidden;text-overflow:ellipsis; }
.v8-match-info small { color:var(--v8-muted);font-size:var(--v8-font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-match-map { display:flex;align-items:center;gap:var(--v8-space-2);color:var(--v8-text);font-size:var(--v8-font-md);min-width:0;overflow:hidden; }
.v8-match-map > span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-match-badges { display:flex;gap:4px; }
.v8-match-party-badge { display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;color:var(--v8-info);font-size:10px;font-weight:var(--v8-weight-bold);text-transform:uppercase; }
.v8-match-party-badge svg { width:13px;height:13px; }
.v8-badge { padding:2px 6px;border-radius:4px;font-size:10px;font-weight:var(--v8-weight-bold);text-transform:uppercase;letter-spacing:0.5px; }
.v8-badge--gold { background:color-mix(in srgb, #ffd700 20%, transparent);color:#ffd700;border:1px solid color-mix(in srgb, #ffd700 40%, transparent); }
.v8-badge--outline { border:1px solid var(--v8-border);color:var(--v8-muted); }
.v8-match-score-col { display:flex;flex-direction:column;align-items:center; }
.v8-match-score-col small { color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-match-score { font-size:var(--v8-font-lg);font-weight:var(--v8-weight-bold); }
.v8-match-score-value { display:flex;align-items:center;gap:4px; }
.v8-match-chevron { color:var(--v8-muted);font-size:var(--v8-font-md);line-height:1;transition:transform 0.2s var(--v8-ease-standard); }
.v8-match-row.is-win .v8-match-score { color:var(--v8-success); }
.v8-match-row.is-loss .v8-match-score { color:var(--v8-danger); }
.v8-match-stat-col { display:flex;flex-direction:column;align-items:center; }
.v8-match-stat-col small { color:var(--v8-muted);font-size:var(--v8-font-xs);text-transform:uppercase;font-weight:var(--v8-weight-semibold);margin-bottom:2px; }
.v8-match-stat-col strong { color:var(--v8-text);font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold);font-variant-numeric:tabular-nums; }
.text-blue { color:#3b82f6 !important; }
.text-green { color:var(--v8-success) !important; }
.text-yellow { color:#eab308 !important; }
.text-red { color:var(--v8-danger) !important; }
.v8-match-action { display:none; }
.v8-match-detail { display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--v8-motion-base) var(--v8-ease-out);margin:0 var(--v8-space-3); }
.v8-match-detail.is-open { grid-template-rows:1fr; }
.v8-match-detail__inner { min-height:0;overflow:hidden; }
.v8-match-detail__body { margin:0 0 var(--v8-space-3);padding:var(--v8-space-3)!important;border:1px solid var(--v8-border)!important;border-radius:var(--v8-radius-md);background:var(--v8-surface-sunken); }
.v8-match-final-score { display:flex;align-items:center;justify-content:space-between;gap:var(--v8-space-3);padding:var(--v8-space-2) var(--v8-space-4);background:var(--v8-surface-2);border:1px solid var(--v8-border);border-radius:var(--v8-radius-sm);font-size:var(--v8-font-sm); }
.v8-match-final-score strong { font-size:var(--v8-font-lg);font-weight:var(--v8-weight-bold);font-variant-numeric:tabular-nums; }
.v8-session-report-layer { position:fixed;z-index:var(--v8-z-dialog);inset:0;display:grid;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-session-report-layer.is-open { opacity:1; }
.v8-session-report { display:grid;width:min(100%,900px);max-height:min(820px,calc(100dvh - 40px));gap:var(--v8-space-5);overflow:hidden;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(.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); }
.v8-session-report-layer.is-open .v8-session-report { opacity:1;transform:translate3d(0,0,0) scale(1);box-shadow:var(--v8-shadow-modal-open); }
.v8-session-report__header { display:flex;align-items:flex-start;justify-content:space-between;gap:var(--v8-space-4); }
.v8-session-report__header small { color:var(--v8-muted);text-transform:uppercase;letter-spacing:.08em; }
.v8-session-report__header h2 { margin-top:var(--v8-space-1);font-size:var(--v8-font-2xl); }
.v8-session-report__close { min-width:36px;min-height:36px;padding:var(--v8-space-2); }
.v8-session-report__close svg { width:18px;height:18px; }
.v8-session-report__body { display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:var(--v8-space-5);min-height:0;overflow:hidden; }
.v8-session-report__matches { min-width:0;overflow:auto;padding-right:var(--v8-space-2); }
.v8-session-report__matches h3 { margin-bottom:var(--v8-space-3);font-size:var(--v8-font-sm);color:var(--v8-text-secondary); }
.v8-session-report__match { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--v8-space-3);width:100%;padding: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);text-align:left;cursor:pointer; }
.v8-session-report__match + .v8-session-report__match { margin-top:var(--v8-space-2); }
.v8-session-report__match:hover,.v8-session-report__match:focus-visible { background:var(--v8-surface-2);border-color:var(--v8-border-highlight); }
.v8-session-report__match small { grid-column:1;color:var(--v8-muted); }
.v8-session-report__match strong { grid-column:2;grid-row:1 / span 2;align-self:center;font-variant-numeric:tabular-nums; }
.v8-session-report__stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v8-space-3);align-content:start; }
.v8-session-report__tile { display:grid;gap:var(--v8-space-2);padding:var(--v8-space-4);border:1px solid var(--v8-border);border-radius:var(--v8-radius-md);background:var(--v8-surface-sunken); }
.v8-session-report__tile small { color:var(--v8-muted);text-transform:uppercase;font-size:var(--v8-font-xs);font-weight:var(--v8-weight-semibold); }
.v8-session-report__tile strong { font-size:var(--v8-font-3xl);font-variant-numeric:tabular-nums; }
.v8-session-report__delta { font-size:var(--v8-font-xs);font-weight:var(--v8-weight-semibold); }
.v8-session-report__delta.is-positive { color:var(--v8-success); }
.v8-session-report__delta.is-negative { color:var(--v8-danger); }
.v8-scoreboard { display:flex;flex-direction:column;gap:0;background:var(--v8-surface-1);border-radius:var(--v8-radius-lg);margin-top:var(--v8-space-4);border:1px solid var(--v8-border);overflow:hidden; }
.v8-scoreboard-table tbody + tbody { border-top:2px solid var(--v8-border); }
.v8-scoreboard-empty { padding:var(--v8-space-6);text-align:center;color:var(--v8-muted);font-style:italic; }
.v8-scoreboard-table { display:grid;grid-template-columns:48px minmax(160px,1fr) 140px 72px 44px 44px 44px 64px 52px;width:100%;min-width:0;text-align:left;font-size:var(--v8-font-sm); }
.v8-scoreboard-table thead,.v8-scoreboard-table tbody,.v8-scoreboard-table tr { display:contents; }
.v8-scoreboard-table th { padding:var(--v8-space-2) var(--v8-space-3);color:var(--v8-muted);font-weight:var(--v8-weight-semibold);text-transform:uppercase;font-size:var(--v8-font-xs);border-bottom:1px solid var(--v8-border);min-width:0; }
.v8-scoreboard-table td { padding:var(--v8-space-3);border-bottom:1px solid var(--v8-border);color:var(--v8-text);vertical-align:middle;min-width:0; }
.v8-scoreboard-table tbody tr:hover td { background:var(--v8-surface-2); }
.v8-scoreboard-table tbody tr.is-party td { background-color:color-mix(in srgb,var(--party-color) 7%,transparent); }
.v8-scoreboard-table tbody tr.is-party td:first-child { background-image:linear-gradient(90deg,var(--party-color) 0 5px,transparent 5px); }
.v8-scoreboard-table tbody tr.is-me td { background-color:color-mix(in srgb,var(--v8-accent) 12%,transparent); }
.v8-scoreboard-table tbody tr.is-me td:first-child { background-image:linear-gradient(90deg,var(--party-color,var(--v8-accent)) 0 5px,transparent 5px); }
.v8-scoreboard-table thead th { background:var(--v8-surface-2); }
.v8-scoreboard-team-header th { grid-column:1 / -1;padding:var(--v8-space-3) var(--v8-space-4);color:var(--team-color);background:color-mix(in srgb,var(--team-color) 12%,var(--v8-surface-1));border-top:3px solid var(--team-color);border-bottom:1px solid color-mix(in srgb,var(--team-color) 30%,var(--v8-border));text-transform:none;font-size:var(--v8-font-sm);font-weight:var(--v8-weight-bold); }
.v8-scoreboard-team-header__content { display:flex;align-items:center;justify-content:space-between;gap:var(--v8-space-3); }.v8-scoreboard-team-header th strong { font-variant-numeric:tabular-nums;font-size:var(--v8-font-lg); }
.v8-scoreboard-number { text-align:right;font-variant-numeric:tabular-nums; }.v8-scoreboard-rank { color:var(--v8-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-scoreboard-player-cell { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.v8-scoreboard-tag { color:var(--v8-muted);font-size:var(--v8-font-xs);margin-left:var(--v8-space-1); }
.v8-party-badge,.v8-me-badge { display:inline-flex;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:var(--v8-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--v8-space-2); }
.v8-party-badge { background:color-mix(in srgb,var(--v8-info) 20%,transparent);color:var(--v8-info);border:1px solid color-mix(in srgb,var(--v8-info) 40%,transparent); }
.v8-party-badge--other { background:color-mix(in srgb,var(--v8-warning) 20%,transparent);color:var(--v8-warning);border:1px solid color-mix(in srgb,var(--v8-warning) 40%,transparent); }
.v8-me-badge { background:color-mix(in srgb,var(--v8-accent) 20%,transparent);color:var(--v8-accent);border:1px solid color-mix(in srgb,var(--v8-accent) 40%,transparent); }
.v8-scoreboard-agent-cell { overflow:hidden; }.v8-scoreboard-agent { display:block;width:32px;height:32px;max-width:100%;border-radius:var(--v8-radius-sm);object-fit:cover;background:var(--v8-surface-3); }.v8-scoreboard-agent--placeholder { display:grid;place-items:center;color:var(--v8-muted);font-weight:var(--v8-weight-bold); }
.v8-scoreboard-table--lol { grid-template-columns:48px minmax(160px,1fr) 100px 72px 44px 44px 44px 64px 52px; }
.v8-scoreboard-agent-wrap { display:flex;flex-direction:column;align-items:center;gap:2px; }
.v8-scoreboard-spells { display:flex;gap:2px; }
.v8-scoreboard-spell,.v8-scoreboard-spell-placeholder { width:16px;height:16px;border-radius:2px;object-fit:cover;background:var(--v8-surface-3); }
.v8-scoreboard-level { display:block;color:var(--v8-muted);font-size:10px;margin-top:2px; }
@media (max-width: 900px) {
  .v8-match-group-header { gap:var(--v8-space-3); }
  .v8-match-group-date { flex:1 1 auto; }
  .v8-match-group-wl { flex:0 0 auto; }
  .v8-match-group-aggregate { flex:1 1 100%;justify-content:flex-start;margin-left:0;gap:var(--v8-space-5); }
  .v8-match-group-aggregate > .v8-match-stat-col:nth-child(n+4) { display:none; }
  .v8-match-row { grid-template-columns:40px minmax(0,1fr) 56px 48px 84px 48px 48px;grid-template-rows:auto;column-gap:var(--v8-space-2);padding-inline:var(--v8-space-3); }
  .v8-match-row > .v8-match-agent { grid-row:1;grid-column:1; }
  .v8-match-row > .v8-match-info { grid-row:1;grid-column:2; }
  .v8-match-row > .v8-match-score-col { grid-row:1;grid-column:3; }
  .v8-match-row > .v8-match-stat-col { grid-row:1;min-width:0;flex-direction:column;gap:0; }
  .v8-match-row > .v8-match-stat-col--kd { grid-column:4; }
  .v8-match-row > .v8-match-stat-col--kda { grid-column:5; }
  .v8-match-row > .v8-match-stat-col--acs { grid-column:6; }
  .v8-match-row > .v8-match-action { display:none; }
  .v8-match-accent { top: 4px; bottom: 4px; }
  .v8-match-stat-col--dda,.v8-match-stat-col--hs { display:none; }
  .v8-match-stat-col small { white-space:nowrap;font-size:10px; }
  .v8-match-stat-col strong { white-space:nowrap;font-size:var(--v8-font-sm); }
  .v8-scoreboard-table { grid-template-columns:44px minmax(140px,1fr) 72px 44px 44px 44px 64px; }.v8-scoreboard-table th,.v8-scoreboard-table td { padding:var(--v8-space-2); }.v8-scoreboard-table th { font-size:10px;white-space:nowrap; }
  .v8-scoreboard-table th:nth-child(3),.v8-scoreboard-table td:nth-child(3),.v8-scoreboard-table th:nth-child(9),.v8-scoreboard-table td:nth-child(9) { display:none; }
  .v8-scoreboard-table td:not(.v8-scoreboard-player-cell):not(.v8-scoreboard-agent-cell) { white-space:nowrap;overflow:visible; }
}
@media (max-width: 480px) {
  .v8-match-group-header { padding:var(--v8-space-3); }
  .v8-match-group-date strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .v8-match-report-btn { padding-inline:4px; }
  .v8-match-report-btn span { display:none; }
  .v8-match-row { grid-template-columns:36px minmax(0,1fr) 56px 84px 48px;padding-inline:var(--v8-space-2); }
  .v8-match-row > .v8-match-score-col { grid-column:3; }
  .v8-match-row > .v8-match-stat-col--kd { display:none; }
  .v8-match-row > .v8-match-stat-col--kda { grid-column:4; }
  .v8-match-row > .v8-match-stat-col--acs { display:none; }
  .v8-match-row > .v8-match-action { display:none; }
  .v8-match-group-aggregate { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--v8-space-3);width:100%; }
  .v8-match-group-aggregate > .v8-match-stat-col:nth-child(n+3) { display:none; }
  .v8-scoreboard-table { grid-template-columns:40px minmax(120px,1fr) 68px 40px 40px 40px; }.v8-scoreboard-table th,.v8-scoreboard-table td { padding-inline:var(--v8-space-1); }.v8-scoreboard-table th:nth-child(8),.v8-scoreboard-table td:nth-child(8) { display:none; }
}
@media (max-width: 380px) {
  .v8-match-badges { display:none; }
  .v8-match-group-aggregate { display:none; }
  .v8-match-row { grid-template-columns:36px minmax(0,1fr) 84px 48px; }
  .v8-match-row > .v8-match-score-col,.v8-match-row > .v8-match-stat-col--kd,.v8-match-row > .v8-match-stat-col--acs { display:none; }
  .v8-match-row > .v8-match-stat-col--kda { grid-column:3; }
  .v8-match-row > .v8-match-action { display:none; }
  .v8-match-group-aggregate { grid-template-columns:minmax(0,1fr); }
  .v8-match-group-aggregate > .v8-match-stat-col:nth-child(n+2) { display:none; }
  .v8-scoreboard-table { grid-template-columns:32px minmax(90px,1fr) 32px 32px 32px; }.v8-scoreboard-table th:nth-child(4),.v8-scoreboard-table td:nth-child(4) { display:none; }
}
@media (max-width: 620px) {
  .v8-session-report-layer { padding:var(--v8-space-2); }
  .v8-session-report { padding:var(--v8-space-4);max-height:calc(100dvh - 16px); }
  .v8-session-report__body { grid-template-columns:1fr;overflow:auto; }
  .v8-session-report__matches { overflow:visible; }
  .v8-session-report__stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v8-session-report__tile { padding:var(--v8-space-3); }
  .v8-session-report__tile strong { font-size:var(--v8-font-2xl); }
}
.v8-home-live-grid > section > article { height: 100%; min-height: 154px; }
.v8-lol-match-row { position:relative;display:grid;grid-template-columns:44px minmax(140px,1.4fr) 64px repeat(3,58px) 140px 40px;gap:var(--v8-space-3);align-items:center;min-width:0;padding:var(--v8-space-2) var(--v8-space-4);background:var(--v8-surface-1);transition:background 0.2s; }
.v8-lol-match-row:hover { background:var(--v8-surface-2); }
.v8-lol-match-row:focus-visible { outline:2px solid var(--v8-info);outline-offset:-2px; }
.v8-lol-match-row .v8-match-accent { position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0; }
.v8-lol-match-row.is-win .v8-match-accent { background:var(--v8-success); }
.v8-lol-match-row.is-loss .v8-match-accent { background:var(--v8-danger); }
.v8-lol-match-main { display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden; }
.v8-lol-match-main small { color:var(--v8-muted);font-size:var(--v8-font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0; }
.v8-lol-match-mode-row { display:flex;align-items:center;gap:var(--v8-space-2);min-width:0; }
.v8-lol-match-mode { flex:1 1 auto;min-width:0;font-size:var(--v8-font-sm);font-weight:var(--v8-weight-bold);color:var(--v8-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-lol-match-level { position:absolute;bottom:-4px;right:-4px;z-index:1;background:var(--v8-surface-1);border:1px solid var(--v8-border);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:10px;font-weight:var(--v8-weight-bold);box-shadow:0 0 0 2px var(--v8-surface-1); }
.v8-lol-match-items { display:flex;flex-wrap:wrap;gap:2px;min-width:0;align-items:flex-start; }
.v8-lol-match-items img,.v8-lol-match-items .v8-lol-item-placeholder { flex:0 0 auto;width:24px;height:24px;border-radius:2px;background:var(--v8-surface-3); }
.v8-lol-match-items > span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.v8-lol-champion-placeholder { width:100%;height:100%;background:var(--v8-surface-3); }
.v8-lol-spell,.v8-lol-spell-placeholder { width:16px;height:16px;border-radius:2px;background:var(--v8-surface-3); }
.v8-lol-match-score { display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden; }
.v8-lol-match-score small { color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-lol-match-score strong { max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-lol-match-kda { display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden; }
.v8-lol-match-kda small { color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-lol-match-kda strong { color:var(--v8-text);font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-lol-match-kda span { color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-lol-match-stat { display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden; }
.v8-lol-match-stat small { color:var(--v8-muted);font-size:var(--v8-font-xs);text-transform:uppercase; }
.v8-lol-match-stat strong { color:var(--v8-text);font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold);font-variant-numeric:tabular-nums;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-lol-match-teams { display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden; }
.v8-lol-team-strip { display:flex;flex-wrap:wrap;gap:2px; }
.v8-lol-team-strip img { width:22px;height:22px;border-radius:2px;background:var(--v8-surface-3); }
.v8-lol-match-row.is-win .v8-match-score { color:var(--v8-success); }
.v8-lol-match-row.is-loss .v8-match-score { color:var(--v8-danger); }
.v8-lol-sb { display:flex;flex-direction:column;gap:var(--v8-space-4);padding:var(--v8-space-4) 0; }
.v8-lol-sb-team { border-left:4px solid var(--team-color);background:color-mix(in srgb,var(--team-color) 8%,var(--v8-surface-1));border-radius:var(--v8-radius-lg);overflow:hidden; }
.v8-lol-sb-team__header { display:flex;align-items:center;justify-content:space-between;gap:var(--v8-space-3);padding:var(--v8-space-3) var(--v8-space-4);background:color-mix(in srgb,var(--team-color) 16%,var(--v8-surface-1));flex-wrap:wrap; }
.v8-lol-sb-team__header strong { color:var(--team-color);font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold); }
.v8-lol-sb-team__stats { display:flex;flex-wrap:wrap;gap:var(--v8-space-3);font-size:var(--v8-font-xs);color:var(--v8-text-secondary); }
.v8-lol-sb-player { display:grid;grid-template-columns:64px minmax(120px,1.2fr) 80px 120px 120px minmax(0,1fr);gap:var(--v8-space-3);align-items:center;min-width:0;padding:var(--v8-space-2) var(--v8-space-4);border-top:1px solid var(--v8-border); }
.v8-lol-sb-player.is-me { background:color-mix(in srgb,var(--v8-accent) 10%,transparent); }
.v8-lol-sb-player__champ { position:relative;display:flex;flex-direction:column;align-items:center;gap:2px; }
.v8-lol-sb-champ { display:block;width:48px;height:48px;border-radius:var(--v8-radius-md);object-fit:cover;background:var(--v8-surface-3); }
.v8-lol-sb-champ--placeholder { display:grid;place-items:center;color:var(--v8-muted);font-weight:var(--v8-weight-bold); }
.v8-lol-sb-player__level { position:absolute;bottom:-4px;right:0;background:var(--v8-surface-1);border:1px solid var(--v8-border);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:10px;font-weight:var(--v8-weight-bold); }
.v8-lol-sb-spells { display:flex;gap:2px; }
.v8-lol-sb-spell,.v8-lol-sb-rune { width:18px;height:18px;border-radius:2px;object-fit:cover;background:var(--v8-surface-3); }
.v8-lol-sb-spell--placeholder,.v8-lol-sb-rune--placeholder { width:18px;height:18px;border-radius:2px;background:var(--v8-surface-3); }
.v8-lol-sb-player__info { display:flex;flex-direction:column;gap:2px;min-width:0; }
.v8-lol-sb-player__info strong { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--v8-font-sm); }
.v8-lol-sb-player__tag { color:var(--v8-muted);font-size:var(--v8-font-xs); }
.v8-lol-sb-player__champ-name { color:var(--v8-text-secondary);font-size:var(--v8-font-xs); }
.v8-lol-sb-player__kda,.v8-lol-sb-player__combat,.v8-lol-sb-player__farm { display:flex;flex-direction:column;gap:2px;min-width:0; }
.v8-lol-sb-player__kda strong { font-size:var(--v8-font-md);font-weight:var(--v8-weight-bold); }
.v8-lol-sb-player__kda span,.v8-lol-sb-player__combat span,.v8-lol-sb-player__farm span { font-size:var(--v8-font-xs);color:var(--v8-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.v8-lol-sb-player__items { display:flex;flex-wrap:wrap;gap:2px;min-width:0;align-items:center; }
.v8-lol-sb-item { width:28px;height:28px;border-radius:2px;object-fit:cover;background:var(--v8-surface-3); }
.v8-lol-sb-item--placeholder { width:28px;height:28px;border-radius:2px;background:var(--v8-surface-3); }
@media (max-width: 1024px) {
  .v8-lol-sb-player { grid-template-columns:64px minmax(100px,1fr) 72px 100px 100px minmax(0,1fr); }
}
@media (max-width: 900px) {
  .v8-lol-sb-player { grid-template-columns:56px minmax(100px,1fr) 72px 90px 90px minmax(0,1fr);gap:var(--v8-space-2);padding-inline:var(--v8-space-3); }
  .v8-lol-sb-champ { width:40px;height:40px; }
  .v8-lol-sb-item { width:24px;height:24px; }
}
@media (max-width: 760px) {
  .v8-lol-match-row { grid-template-columns:40px minmax(0,1fr) 64px 58px 58px 58px minmax(0,1fr);column-gap:var(--v8-space-2);padding-inline:var(--v8-space-3); }
  .v8-lol-match-row > :nth-child(9) { display:none; }
  .v8-lol-match-teams { align-items:flex-start; }
  .v8-lol-team-strip img { width:18px;height:18px; }
  .v8-lol-match-stat small { font-size:10px; }
  .v8-lol-match-stat strong { font-size:var(--v8-font-sm); }
}
@media (max-width: 620px) {
  .v8-lol-match-row { grid-template-columns:40px minmax(0,1fr) 64px 58px 58px; }
  .v8-lol-match-row > :nth-child(7),
  .v8-lol-match-row > :nth-child(8),
  .v8-lol-match-row > :nth-child(9) { display:none; }
  .v8-lol-match-row > :nth-child(6) { grid-column:5; }
}
@media (max-width: 480px) {
  .v8-lol-match-row { grid-template-columns:36px minmax(0,1fr) 64px 58px; }
  .v8-lol-match-row > :nth-child(6),
  .v8-lol-match-row > :nth-child(7),
  .v8-lol-match-row > :nth-child(8),
  .v8-lol-match-row > :nth-child(9) { display:none; }
  .v8-lol-match-score strong { font-size:var(--v8-font-md); }
}
@media (max-width: 380px) {
  .v8-lol-match-row { grid-template-columns:36px minmax(0,1fr) 58px; }
  .v8-lol-match-row > :nth-child(4),
  .v8-lol-match-row > :nth-child(6),
  .v8-lol-match-row > :nth-child(7),
  .v8-lol-match-row > :nth-child(8),
  .v8-lol-match-row > :nth-child(9) { display:none; }
  .v8-lol-match-row > :nth-child(5) { grid-column:3; }
  .v8-lol-match-kda strong { font-size:var(--v8-font-sm); }
  .v8-lol-match-kda span { display:none; }
  .v8-lol-match-score strong { font-size:var(--v8-font-sm); }
  .v8-match-chevron { display:none; }
}
@media (max-width: 720px) {
  .v8-lol-sb-player { grid-template-columns:52px minmax(0,1fr) 64px 80px; }
  .v8-lol-sb-player__combat,
  .v8-lol-sb-player__items { display:none; }
  .v8-lol-sb-champ { width:36px;height:36px; }
}
@media (max-width: 520px) {
  .v8-lol-sb-player { grid-template-columns:48px minmax(0,1fr) 64px;gap:var(--v8-space-2);padding-inline:var(--v8-space-2); }
  .v8-lol-sb-player__farm { display:none; }
  .v8-lol-sb-team__header strong { font-size:var(--v8-font-sm); }
  .v8-lol-sb-team__header { padding:var(--v8-space-2); }
  .v8-lol-sb-team__stats { gap:var(--v8-space-2); }
}
@media (max-width: 820px), (pointer: coarse) {
  .v8-topbar__tools > button {
    height: var(--v8-touch-target);
    min-height: var(--v8-touch-target);
    font-size: var(--v8-font-xs);
  }
  .v8-topbar__tools > .v8-icon-button,
  .v8-topbar__tools > .v8-icon-button.v8-topbar-action {
    width: var(--v8-touch-target);
    min-width: var(--v8-touch-target);
    flex: 0 0 var(--v8-touch-target);
  }
  .v8-topbar__tools > .v8-action-status > span { display: none; }
  .v8-topbar__tools > .v8-action-status { width: var(--v8-touch-target); padding: 0; justify-content: center; }
  .v8-topbar__tools > .v8-profile-button { min-width: var(--v8-touch-target); padding: 0 6px; }
}
.v8-scoreboard-item { width:22px;height:22px;border-radius:2px; }
.v8-scoreboard-items { display:flex;gap:2px; }
.v8-scoreboard-item-placeholder { width:22px;height:22px;border-radius:2px;background:var(--v8-surface-3); }
@media (max-width: 900px) {
  .v8-scoreboard-table--lol { grid-template-columns:40px minmax(140px,1fr) 72px 44px 44px 44px 44px; }
  .v8-scoreboard-table--lol th:nth-child(7),.v8-scoreboard-table--lol td:nth-child(7),
  .v8-scoreboard-table--lol th:nth-child(8),.v8-scoreboard-table--lol td:nth-child(8) { display:none; }
}

.v8-matches-history,
.v8-home-section,
.v8-recent-list,
.v8-signal-list { contain: layout style; }

.v8-setting-choice,
.v8-theme-choice,
.v8-density-choice { transition:background-color var(--v8-motion-fast),color var(--v8-motion-fast); }

@media (max-width: 1024px) {
  .v8-topbar__main { grid-template-columns: minmax(180px, 1fr) minmax(140px, .8fr) minmax(180px, 1fr); }
}
.v8-quick-actions { display: grid; gap: var(--v8-space-3); padding: var(--v8-space-4) var(--v8-layout-page-gutter) 0; }
.v8-quick-actions__label { color: var(--v8-muted); font-size: var(--v8-font-micro); font-weight: var(--v8-weight-semibold); text-transform: uppercase; letter-spacing: 0.04em; }
.v8-quick-actions__bar { display: flex; flex-wrap: wrap; gap: var(--v8-space-3); }
.v8-quick-action { display: inline-flex; min-width: 44px; height: 44px; align-items: center; gap: var(--v8-space-2); padding: 0 var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: color-mix(in srgb, var(--v8-surface-1) 86%, transparent); color: var(--v8-text-secondary); font-size: var(--v8-font-sm); font-weight: var(--v8-weight-medium); cursor: pointer; outline: none; transition: background-color var(--v8-motion-fast), border-color var(--v8-motion-fast), color var(--v8-motion-fast), transform var(--v8-motion-instant); }
.v8-quick-action:hover { border-color: var(--v8-border-strong); background: var(--v8-surface-2); color: var(--v8-text); transform: translateY(-2px); }
.v8-quick-action:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-quick-action svg { width: var(--v8-icon-sm); height: var(--v8-icon-sm); }
@media (max-width: 820px) {
  .v8-quick-actions { padding: var(--v8-space-3) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left)); }
  .v8-quick-action { height: 40px; padding: 0 var(--v8-space-2); font-size: var(--v8-font-xs); }
}
.v8-preset-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--v8-space-3); }
.v8-preset-choice { display: flex; align-items: center; gap: var(--v8-space-3); padding: var(--v8-space-3); border: 1px solid var(--v8-border); border-radius: var(--v8-radius-md); background: color-mix(in srgb, var(--v8-surface-1) 86%, transparent); color: var(--v8-text); text-align: left; cursor: pointer; outline: none; transition: background-color var(--v8-motion-fast), border-color var(--v8-motion-fast), transform var(--v8-motion-fast); }
.v8-preset-choice:hover, .v8-preset-choice.is-active { border-color: var(--v8-accent); background: var(--v8-surface-2); }
.v8-preset-choice.is-active { transform: scale(1.01); }
.v8-preset-choice:focus-visible { box-shadow: var(--v8-shadow-focus); }
.v8-preset-choice__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--v8-radius-sm); background: color-mix(in srgb, var(--v8-accent) 20%, transparent); color: var(--v8-accent); font-size: var(--v8-font-xs); font-weight: var(--v8-weight-bold); }
.v8-preset-choice span { display: grid; gap: 2px; }
.v8-preset-choice strong { font-size: var(--v8-font-sm); }
.v8-preset-choice small { color: var(--v8-muted); font-size: var(--v8-font-xs); }
.v8-preset-choice svg { margin-left: auto; width: var(--v8-icon-sm); height: var(--v8-icon-sm); color: var(--v8-accent); }
.v8-preset-actions { display: flex; flex-wrap: wrap; gap: var(--v8-space-3); margin-top: var(--v8-space-3); }
@media (max-width: 380px) {
  .v8-dock-app,.v8-dock-control,.v8-dock-more { width: var(--v8-touch-target); height: 50px; flex: 0 0 var(--v8-touch-target); }
  .v8-dock-control,.v8-dock-more { width: 38px; flex-basis: 38px; }
  .v8-dock-app__plate { width: 38px; height: 38px; }
}
@media (max-width: 360px) {
  .v8-page { padding-right: max(6px, env(safe-area-inset-right)); padding-left: max(6px, env(safe-area-inset-left)); }
  .v8-context-strip { padding-right: max(6px, env(safe-area-inset-right)); padding-left: max(6px, env(safe-area-inset-left)); }
  .v8-topbar__workspace { height: var(--v8-touch-target); padding: 0 6px; gap: 6px; }
  .v8-topbar__workspace-copy > strong { max-width: 72px; font-size: var(--v8-font-xs); }
  .v8-breadcrumb-button, .v8-profile-button, .v8-command-launcher { min-width: var(--v8-touch-target); width: var(--v8-touch-target); height: var(--v8-touch-target); }
  .v8-breadcrumb-button svg, .v8-profile-button svg { width: 18px; height: 18px; }
  .v8-dock-app, .v8-dock-control, .v8-dock-more { width: var(--v8-touch-target); height: 48px; flex-basis: var(--v8-touch-target); }
  .v8-dock-control, .v8-dock-more { width: 38px; flex-basis: 38px; }
  .v8-dock-app__plate { width: 36px; height: 36px; }
  .v8-status-item { min-width: 40px; height: 40px; padding-inline: 4px; font-size: var(--v8-font-micro); }
  .v8-scoreboard-table { grid-template-columns: 28px minmax(72px, 1fr) 28px 28px 28px; font-size: var(--v8-font-xs); }
  .v8-scoreboard-table th, .v8-scoreboard-table td { padding-inline: 2px; }
  .v8-scoreboard-agent { width: 24px; height: 24px; }
  .v8-scoreboard-spell, .v8-scoreboard-spell-placeholder { width: 14px; height: 14px; }
  .v8-scoreboard-item { width: 18px; height: 18px; }
  .v8-lol-match-row { grid-template-columns: 32px minmax(0, 1fr) 52px; padding-inline: var(--v8-space-2); }
  .v8-lol-match-row > :nth-child(4),
  .v8-lol-match-row > :nth-child(6),
  .v8-lol-match-row > :nth-child(7),
  .v8-lol-match-row > :nth-child(8),
  .v8-lol-match-row > :nth-child(9) { display: none; }
  .v8-lol-match-row > :nth-child(5) { grid-column: 3; }
}