:root {
  --xz-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --xz-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --xz-accent: #426da5; --xz-accent-hover: #345b8e; --xz-tint: #eaf0f8; --xz-ring: #426da530;
  --xz-bg: #f5f7fa; --xz-surface: #ffffff; --xz-subtle: #f8f9fc; --xz-elevated: #ffffff;
  --xz-text: #243047; --xz-secondary: #69788f; --xz-muted: #8b96a6;
  --xz-border: #e4e9f0; --xz-shadow: 0 8px 30px #26395206, 0 1px 3px #26395204;
  --xz-success: #4b806c; --xz-danger: #a85059;
  color-scheme: light;
}
:root[data-xz-accent="green"] { --xz-accent: #497a69; --xz-accent-hover: #386452; --xz-tint: #eaf3ee; --xz-ring: #497a6930; }
:root[data-xz-accent="violet"] { --xz-accent: #7b69a0; --xz-accent-hover: #665487; --xz-tint: #f0edf7; --xz-ring: #7b69a030; }
:root[data-xz-accent="slate"] { --xz-accent: #65768a; --xz-accent-hover: #506176; --xz-tint: #edf0f4; --xz-ring: #65768a30; }
:root[data-xz-mode="dark"] {
  --xz-accent: #96b7e0; --xz-accent-hover: #b0c9e9; --xz-tint: #263449; --xz-ring: #96b7e030;
  --xz-bg: #151b24; --xz-surface: #1c2430; --xz-subtle: #202a37; --xz-elevated: #242e3c;
  --xz-text: #e4eaf2; --xz-secondary: #a2afc2; --xz-muted: #7e8ca0;
  --xz-border: #303b4b; --xz-shadow: 0 10px 36px #00000012;
  --xz-success: #99bfac; --xz-danger: #d5a0a6; color-scheme: dark;
}
:root[data-xz-mode="dark"][data-xz-accent="green"] { --xz-accent: #9dc8b6; --xz-accent-hover: #b5d8ca; --xz-tint: #273c36; --xz-ring: #9dc8b630; }
:root[data-xz-mode="dark"][data-xz-accent="violet"] { --xz-accent: #beb0db; --xz-accent-hover: #d2c6e8; --xz-tint: #353046; --xz-ring: #beb0db30; }
:root[data-xz-mode="dark"][data-xz-accent="slate"] { --xz-accent: #b1bfce; --xz-accent-hover: #cad4de; --xz-tint: #303b49; --xz-ring: #b1bfce30; }
.xz-appearance { display: flex; align-items: center; gap: 7px; font: 13px var(--xz-font); color: var(--xz-secondary); }
.xz-language { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--xz-border); border-radius: 9px; background: var(--xz-subtle); }
.xz-language button { appearance: none; border: 0; border-radius: 6px; background: transparent; color: var(--xz-secondary); min-width: 31px; height: 27px; padding: 0 7px; font: 500 11px var(--xz-font); cursor: pointer; }
.xz-language button[aria-pressed="true"] { background: var(--xz-surface); color: var(--xz-text); box-shadow: 0 1px 4px #12223a12; }
.xz-control-divider { width: 1px; height: 19px; background: var(--xz-border); margin: 0 5px; }
.xz-icon-button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; padding: 8px; border: 1px solid transparent; border-radius: 9px; color: var(--xz-secondary); background: transparent; cursor: pointer; }
.xz-icon-button:hover, .xz-icon-button[aria-expanded="true"] { background: var(--xz-tint); color: var(--xz-accent); }
.xz-icon-button svg, [data-xz-icon] svg { width: 19px; height: 19px; display: block; }
.xz-accent-indicator { position: absolute; right: 6px; bottom: 5px; width: 5px; height: 5px; border: 1px solid var(--xz-surface); border-radius: 50%; background: var(--xz-accent); }
.xz-palette-anchor { position: relative; }
.xz-palette-popover { position: absolute; z-index: 100100; top: 45px; right: 0; width: 218px; padding: 15px 9px 9px; background: var(--xz-elevated); border: 1px solid var(--xz-border); border-radius: 14px; box-shadow: 0 12px 36px #14243b1a; }
.xz-popover-label { display: block; color: var(--xz-secondary); font-size: 11px; font-weight: 500; padding: 0 8px 9px; }
.xz-palette-options { display: grid; gap: 3px; }
.xz-palette-option { display: flex; align-items: center; gap: 10px; border: 0; border-radius: 8px; padding: 10px; background: transparent; color: var(--xz-text); font: 13px var(--xz-font); text-align: left; cursor: pointer; }
.xz-palette-option:hover, .xz-palette-option[aria-checked="true"] { background: var(--xz-subtle); }
.xz-swatch { width: 15px; height: 15px; border-radius: 50%; box-shadow: inset 0 0 0 1px #00000008; }
.xz-swatch-blue { background: #6c8fb9; }.xz-swatch-green { background: #7b9e8c; }.xz-swatch-violet { background: #9c8bb4; }.xz-swatch-slate { background: #8a99a9; }
.xz-option-check { margin-left: auto; color: var(--xz-accent); visibility: hidden; }.xz-palette-option[aria-checked="true"] .xz-option-check { visibility: visible; }
.xz-appearance button:focus-visible, .xz-console-link:focus-visible { outline: 3px solid var(--xz-ring); outline-offset: 2px; }
.xz-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--xz-text); font: 650 19px var(--xz-font); letter-spacing: -.55px; text-decoration: none; }
.xz-brand:hover { color: var(--xz-text); }.xz-brand-light { font-weight: 400; }
.xz-brand small { display: block; margin-top: 4px; font-size: 10px; font-weight: 400; color: var(--xz-secondary); letter-spacing: .3px; }
.xz-brand-symbol { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; height: 38px; width: 38px; background: var(--xz-accent); color: var(--xz-surface); border-radius: 12px; font-size: 33px; font-weight: 400; line-height: 1; }
:root[data-xz-mode="dark"] .xz-brand-symbol { color: var(--xz-bg); }
.xz-brand-symbol svg { width:25px; height:25px; stroke-width:1.25; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
/* Brand and illustrated controls — refinement 0.3.0. */
.xz-brand-symbol { background:transparent; box-shadow:none; border-radius:0; width:60px; height:60px; padding:0; }
.xz-brand-symbol svg { width:100%; height:100%; display:block; overflow:visible; }
.xz-brand-copy { display:flex; flex-direction:column; min-width:0; }
.xz-brand-copy strong { font-weight:650; letter-spacing:.02em; line-height:1.35; }
.xz-platform-name { font-family:var(--xz-font); font-size:23px; font-weight:650; letter-spacing:.025em; color:var(--xz-text); }
.xz-brand-copy small { line-height:1.5; letter-spacing:.7px; }
.xz-appearance { gap:8px; }.xz-language button { min-width:34px; height:31px; font-size:12px; }.xz-icon-button { width:40px; height:40px; padding:9px; }.xz-icon-button svg { width:21px; height:21px; }
button,a,[role="button"],.lm-TabBar-tab,.jp-LauncherCard,.jp-DirListing-item { cursor:pointer; }
button:disabled,[aria-disabled="true"] { cursor:not-allowed; }
.xz-tooltip { position:fixed; z-index:200000; max-width:320px; padding:9px 13px; border:1px solid var(--xz-border); border-radius:9px; background:var(--xz-elevated); color:var(--xz-text); font:500 13px/1.5 var(--xz-font); box-shadow:0 5px 20px #152d4c1c; pointer-events:none; }
.xz-logout-button { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:7px; height:40px; padding:0 12px; border:1px solid color-mix(in srgb,var(--xz-accent) 25%,var(--xz-border)); border-radius:10px; background:var(--xz-tint); color:var(--xz-accent); font:550 13px/1.2 var(--xz-font); white-space:nowrap; text-decoration:none; }
.xz-logout-button svg { width:18px; height:18px; }
.xz-logout-button:hover { background:color-mix(in srgb,var(--xz-accent) 12%,var(--xz-surface)); color:var(--xz-accent-hover); border-color:var(--xz-accent); }
.xz-logout-button:focus-visible { outline:3px solid var(--xz-ring); outline-offset:3px; }
/* Center labels independently of page typography and native fixed line heights. */
.xz-language button { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; line-height:1.25; padding-block:0; }
.xz-icon-button { box-sizing:border-box; flex-shrink:0; line-height:1; }
.xz-console-link { line-height:1.25; }

html { min-height: 100%; background: var(--xz-bg); }
/* A quiet sculptural backdrop stays behind the login content only. */
body.xz-login-page { position:relative; isolation:isolate; --xz-login-hue:0deg; --xz-login-saturation:.8; }
body.xz-login-page::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:url("login-sculpture-v1.webp") center / cover no-repeat; filter:hue-rotate(var(--xz-login-hue)) saturate(var(--xz-login-saturation)); opacity:.68; }
body.xz-login-page::after { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,color-mix(in srgb,var(--xz-bg) 84%,transparent),color-mix(in srgb,var(--xz-bg) 50%,transparent) 36%,color-mix(in srgb,var(--xz-bg) 24%,transparent)); }
html[data-xz-accent="green"] body.xz-login-page { --xz-login-hue:-65deg; }
html[data-xz-accent="violet"] body.xz-login-page { --xz-login-hue:40deg; }
html[data-xz-accent="slate"] body.xz-login-page { --xz-login-saturation:.15; }
html[data-xz-mode="dark"] body.xz-login-page::before { opacity:.32; filter:hue-rotate(var(--xz-login-hue)) saturate(var(--xz-login-saturation)) brightness(.6); }
html[data-xz-mode="dark"] body.xz-login-page::after { background:linear-gradient(180deg,color-mix(in srgb,var(--xz-bg) 94%,transparent),color-mix(in srgb,var(--xz-bg) 60%,transparent) 50%,color-mix(in srgb,var(--xz-bg) 42%,transparent)); }
body.xz-login-page .xz-topbar { background:transparent; }
body.xz-hub { --bs-body-color: var(--xz-text); --bs-body-bg: var(--xz-bg); --bs-border-color: var(--xz-border); --bs-secondary-color: var(--xz-secondary); --bs-tertiary-bg: var(--xz-subtle); --bs-link-color: var(--xz-accent); --bs-link-hover-color: var(--xz-accent-hover); margin: 0; background: var(--xz-bg); color: var(--xz-text); font: 14px/1.65 var(--xz-font); -webkit-font-smoothing: antialiased; }
body.xz-hub * { box-sizing: border-box; }
.xz-hub a { color: var(--xz-accent); text-decoration: none; }.xz-hub a:hover { color: var(--xz-accent-hover); }
.xz-hub h1,.xz-hub h2,.xz-hub h3,.xz-hub h4 { color: var(--xz-text); font-family: var(--xz-font); font-weight: 600; letter-spacing: -.5px; line-height: 1.3; }
.xz-hub h1 { font-size: 30px; }.xz-hub h2 { font-size: 21px; }.xz-hub h3 { font-size: 16px; }.xz-hub p { color: var(--xz-secondary); }
.xz-hub button,.xz-hub input,.xz-hub select { font-family: inherit; }
.xz-hub :focus-visible { outline: 3px solid var(--xz-ring); outline-offset: 3px; }
.xz-page-frame { min-height: 100vh; display: flex; flex-direction: column; }.xz-authenticated .xz-page-frame { margin-left: 238px; }
.xz-topbar { position: relative; display: flex; align-items: center; justify-content: space-between; height: 88px; padding: 0 42px; border-bottom: 1px solid var(--xz-border); background: var(--xz-bg); z-index: 30; }
.xz-topbar-location { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--xz-secondary); }.xz-topbar-date { color: var(--xz-muted); font-size: 11px; }.xz-topbar-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--xz-muted); }
.xz-public .xz-topbar { padding: 0 max(42px, calc((100vw - 1280px) / 2)); height: 104px; border: 0; }.xz-public .xz-brand-symbol { height: 37px; width: 37px; }
.xz-main { width: 100%; flex: 1; padding: 39px 42px 48px; max-width: 1600px; margin: 0 auto; }.xz-public .xz-main { padding: 0 42px; max-width: 1280px; }
.xz-footer { display: flex; align-items: center; justify-content: space-between; padding: 23px 42px; font-size: 10px; letter-spacing: .2px; color: var(--xz-muted); }.xz-public .xz-footer { max-width: 1280px; width: 100%; margin: auto auto 0; padding-bottom: 25px; }
.xz-sidebar { position: fixed; top: 0; left: 0; bottom: 0; z-index: 40; width: 238px; padding: 33px 19px 20px; display: flex; flex-direction: column; background: var(--xz-surface); border-right: 1px solid var(--xz-border); }.xz-sidebar>.xz-brand { margin: 0 10px 39px; font-size: 20px; gap: 10px; }.xz-sidebar .xz-brand small { font-size: 10px; }.xz-sidebar .xz-brand-symbol { width: 35px; height: 35px; font-size: 30px; border-radius: 11px; }
.xz-nav-caption { margin: 22px 13px 9px; color: var(--xz-muted); font-size: 10px; font-weight: 500; letter-spacing: 1px; }.xz-sidebar>.xz-nav-caption { margin-top: 0; }
.xz-sidebar nav>a { display: flex; align-items: center; gap: 12px; padding: 11px 13px; margin: 3px 0; border-radius: 9px; color: var(--xz-secondary); font-size: 12px; font-weight: 450; white-space: nowrap; }.xz-sidebar nav>a:hover { background: var(--xz-subtle); color: var(--xz-text); }.xz-sidebar nav>a[aria-current="page"] { background: var(--xz-tint); color: var(--xz-accent); font-weight: 550; }.xz-nav-end { margin-left: auto; opacity: .5; }.xz-nav-end svg { width: 13px; height: 13px; }
.xz-sidebar-bottom { margin-top: auto; padding: 19px 5px 0; display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--xz-border); }.xz-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: var(--xz-accent); background: var(--xz-tint); font-size: 13px; font-weight: 550; }.xz-user-name { display: flex; flex-direction: column; flex: 1; min-width: 0; }.xz-user-name strong { font-size: 11px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; }.xz-user-name small { font-size: 9px; color: var(--xz-muted); margin-top: 2px; }.xz-sidebar-bottom .xz-icon-button { width: 29px; height: 29px; padding: 5px; }
.xz-mobile-toggle,.xz-sidebar-scrim { display: none; }
.xz-login-layout { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(340px, .86fr); gap: 92px; align-items: center; min-height: calc(100vh - 180px); padding: 48px 0 68px; }
.xz-login-story { padding: 0 0 0 8px; }.xz-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 550; letter-spacing: 2px; color: var(--xz-secondary); margin: 0 0 25px; }.xz-small-line { width: 22px; height: 1px; background: var(--xz-accent); }
.xz-login-story h1 { font-size: clamp(38px, 3.5vw, 52px); font-weight: 550; letter-spacing: -1.5px; line-height: 1.5; margin: 0 0 19px; }.xz-accent-text { color: var(--xz-accent); }.xz-login-description { font-size: 13px; line-height: 2; white-space: pre-line; margin: 0 0 34px; }
.xz-experiment-visual { max-width: 530px; border: 1px solid var(--xz-border); border-radius: 16px; padding: 17px 22px 20px; background: var(--xz-surface); box-shadow: var(--xz-shadow); }.xz-visual-top { display: flex; align-items: center; justify-content: space-between; color: var(--xz-muted); font-size: 9px; letter-spacing: .5px; }.xz-visual-dots { display: flex; gap: 5px; }.xz-visual-dots i { width: 5px; height: 5px; border: 1px solid var(--xz-border); border-radius: 50%; }.xz-visual-live { width: 5px; height: 5px; border-radius: 50%; background: var(--xz-accent); opacity: .55; }.xz-flow-svg { width: 100%; color: var(--xz-accent); margin: 9px 0 13px; }.xz-visual-stages { display: flex; align-items: center; justify-content: space-between; }.xz-visual-stages>div { display: flex; align-items: center; gap: 8px; font-size: 10px; color: var(--xz-secondary); }.xz-stage-number { color: var(--xz-accent); font-size: 9px; padding: 4px 6px; border-radius: 5px; background: var(--xz-tint); font-variant-numeric: tabular-nums; }.xz-visual-stages>span { opacity: .35; }.xz-visual-stages>span svg { width: 13px; }
.xz-login-note { display: flex; align-items: center; gap: 8px; color: var(--xz-muted); font-size: 10px; margin-top: 19px; }.xz-note-dot { height: 4px; width: 4px; background: var(--xz-accent); border-radius: 50%; opacity: .6; }
.xz-hub #login-main.xz-login-card { max-width: 410px; width: 100%; margin: 0; padding: 32px 34px 25px; border: 1px solid var(--xz-border); border-radius: 20px; background: var(--xz-surface); box-shadow: 0 16px 50px #26395206, 0 2px 4px #26395203; }.xz-login-card-top { display: flex; align-items: center; gap: 11px; margin-bottom: 27px; }.xz-login-welcome-mark { display: grid; place-items: center; width: 36px; height: 36px; background: var(--xz-tint); color: var(--xz-accent); border-radius: 11px; }.xz-card-kicker { color: var(--xz-muted); font-size: 8px; letter-spacing: 1.4px; font-weight: 500; }.xz-login-card h2 { font-size: 25px; letter-spacing: -.7px; margin-bottom: 8px; }.xz-login-card-subtitle { font-size: 12px; margin-bottom: 29px; }.xz-hub .xz-login-card form { width: 100%; margin: 0; }.xz-hub .xz-login-card label { display: block; font-size: 11px; font-weight: 550; color: var(--xz-text); margin-bottom: 8px; }.xz-hub .xz-login-card .form-control { height: 46px; font-size: 12px; padding: 12px 14px; border-radius: 9px; background: var(--xz-subtle); }.xz-password-label { display: flex; align-items: center; justify-content: space-between; margin-top: 22px; }.xz-password-label>span { font-size: 9px; color: var(--xz-muted); margin-bottom: 8px; }.xz-password-field { position: relative; }.xz-hub .xz-password-field input { padding-right: 44px !important; }.xz-password-field .xz-icon-button { position: absolute; right: 5px; top: 5px; }.xz-password-field svg { width: 16px; height: 16px; }
.xz-login-submit { display: flex; width: 100%; justify-content: center; align-items: center; gap: 12px; height: 46px; padding: 0 18px; margin: 27px 0 25px; border: 0; border-radius: 9px; background: var(--xz-accent); color: white; font-size: 12px; font-weight: 550; cursor: pointer; box-shadow: 0 3px 7px var(--xz-ring); }.xz-login-submit:hover { background: var(--xz-accent-hover); }.xz-login-submit svg { width: 16px; height: 16px; }:root[data-xz-mode="dark"] .xz-login-submit { color: var(--xz-bg); }
.xz-login-card-foot { display: flex; align-items: center; justify-content: center; gap: 10px; border-top: 1px solid var(--xz-border); padding-top: 20px; }.xz-login-card-foot>span { color: var(--xz-muted); }.xz-login-card-foot svg { width: 17px; height: 17px; }.xz-login-card-foot p { margin: 0; font-size: 10px; white-space: pre-line; line-height: 1.7; }.xz-login-help { text-align: center; font-size: 9px; margin: 20px 0 0; color: var(--xz-muted) !important; }
.xz-page-heading { margin-bottom: 30px; }.xz-page-heading .xz-eyebrow { margin-bottom: 12px; font-size: 9px; }.xz-page-heading h1 { font-size: 30px; margin-bottom: 10px; font-weight: 550; }.xz-page-heading>p:last-child { font-size: 12px; }.xz-heading-dot { color: var(--xz-accent); }
.xz-workspace-card { display: flex; align-items: center; justify-content: space-between; padding: 38px 43px; min-height: 252px; border-radius: 18px; border: 1px solid var(--xz-border); background: var(--xz-surface); box-shadow: var(--xz-shadow); overflow: hidden; }.xz-workspace-copy { position: relative; z-index: 1; }.xz-status-pill { display: inline-flex; align-items: center; gap: 7px; color: var(--xz-accent); background: var(--xz-tint); font-size: 9px; border-radius: 20px; padding: 5px 10px; margin-bottom: 17px; }.xz-status-pill i { height: 5px; width: 5px; border-radius: 50%; background: var(--xz-accent); }.xz-workspace-copy h2 { font-size: 30px; font-weight: 550; letter-spacing: -1px; margin-bottom: 10px; }.xz-workspace-copy>p { font-size: 12px; }.xz-workspace-actions { display: flex; gap: 12px; margin-top: 24px; }.xz-workspace-actions .btn { display: inline-flex; align-items: center; gap: 14px; }.xz-workspace-art { position: relative; width: 190px; height: 160px; margin-right: 26px; display: grid; place-items: center; color: var(--xz-accent); }.xz-art-star { font-size: 118px; line-height: 1; font-weight: 300; }.xz-art-orbit { position: absolute; inset: 0 -10px; border: 1px solid var(--xz-border); border-radius: 50%; transform: rotate(-25deg); }.xz-art-orbit-two { inset: -20px 21px; transform: rotate(28deg); }.xz-art-node { position: absolute; right: 8px; top: 25px; height: 9px; width: 9px; border: 2px solid var(--xz-surface); background: var(--xz-accent); border-radius: 50%; box-shadow: 0 0 0 5px var(--xz-tint); }
.xz-section-heading { display: flex; justify-content: space-between; align-items: center; margin: 34px 0 16px; }.xz-section-heading h2 { font-size: 15px; margin: 0; }.xz-section-heading>span { font-size: 10px; color: var(--xz-muted); }.xz-home-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.xz-feature-card { display: flex; flex-direction: column; min-height: 215px; padding: 24px; background: var(--xz-surface); border: 1px solid var(--xz-border); border-radius: 14px; box-shadow: var(--xz-shadow); }.xz-feature-card:hover { border-color: var(--xz-ring); }.xz-feature-icon { display: grid; place-items: center; height: 34px; width: 34px; border-radius: 10px; color: var(--xz-accent); background: var(--xz-tint); margin-bottom: 18px; }.xz-feature-card h3 { font-size: 14px; margin-bottom: 9px; }.xz-feature-card p { font-size: 11px; line-height: 1.9; margin-bottom: 17px; }.xz-text-link { margin-top: auto; font-size: 10px; color: var(--xz-accent); }.xz-card-meta { margin-top: auto; color: var(--xz-muted); font-size: 8px; letter-spacing: .5px; }
.xz-hub .btn { font-size: 12px; line-height: 1.6; padding: 8px 16px; border-radius: 8px; font-weight: 500; box-shadow: none; transition: background .15s, border-color .15s; }.xz-hub .btn-sm,.xz-hub .btn-xs { font-size: 10px; padding: 5px 10px; border-radius: 6px; }.xz-hub .btn svg { width: 15px; height: 15px; }
.xz-hub .btn-primary,.xz-hub .btn-jupyter { --bs-btn-bg: var(--xz-accent); --bs-btn-border-color: var(--xz-accent); --bs-btn-hover-bg: var(--xz-accent-hover); --bs-btn-hover-border-color: var(--xz-accent-hover); background: var(--xz-accent); border-color: var(--xz-accent); color: #fff; }.xz-hub .btn-primary:hover { background: var(--xz-accent-hover); }.xz-hub .btn-danger,.xz-hub .btn-outline-danger { background: transparent; border: 1px solid var(--xz-border); color: var(--xz-danger); }.xz-hub .btn-danger:hover,.xz-hub .btn-outline-danger:hover { background: color-mix(in srgb, var(--xz-danger) 8%, var(--xz-surface)); }.xz-hub .btn-outline-contrast,.xz-hub .btn-default,.xz-hub .btn-secondary { background: var(--xz-surface); border: 1px solid var(--xz-border); color: var(--xz-secondary); }.xz-hub .btn-outline-contrast:hover,.xz-hub .btn-default:hover { background: var(--xz-subtle); color: var(--xz-text); }
:root[data-xz-mode="dark"] .xz-hub .btn-primary { color: var(--xz-bg); }
.xz-hub .form-control,.xz-hub .form-select,.xz-hub select { color: var(--xz-text); background-color: var(--xz-surface); border: 1px solid var(--xz-border); border-radius: 8px; font-size: 12px; padding: 9px 12px; box-shadow: none; }.xz-hub .form-control::placeholder { color: var(--xz-muted); }.xz-hub .form-control:focus,.xz-hub select:focus { border-color: var(--xz-accent); box-shadow: 0 0 0 3px var(--xz-ring); background: var(--xz-surface); }.xz-hub input[type=checkbox],.xz-hub input[type=radio] { accent-color: var(--xz-accent); }
.xz-hub .table { --bs-table-bg: var(--xz-surface); --bs-table-color: var(--xz-text); --bs-table-border-color: var(--xz-border); --bs-table-striped-bg: var(--xz-subtle); --bs-table-hover-bg: var(--xz-tint); background: var(--xz-surface); color: var(--xz-text); font-size: 12px; border-collapse: separate; border-spacing: 0; }.xz-hub .table th { color: var(--xz-secondary); font-size: 10px; letter-spacing: .1px; font-weight: 500; background: var(--xz-subtle); padding: 15px 17px; vertical-align: middle; border-bottom: 1px solid var(--xz-border); white-space: nowrap; }.xz-hub .table td { padding: 15px 17px; vertical-align: middle; border-bottom: 1px solid var(--xz-border); }.xz-hub .table td a { color: var(--xz-accent); }.xz-hub .card { background: var(--xz-surface); border: 1px solid var(--xz-border); border-radius: 14px; box-shadow: var(--xz-shadow); }.xz-hub .alert { color: var(--xz-secondary); background: var(--xz-tint); border: 1px solid var(--xz-border); border-radius: 10px; font-size: 12px; padding: 13px 16px; }.xz-hub .alert-danger { color: var(--xz-danger); background: color-mix(in srgb, var(--xz-danger) 6%, var(--xz-surface)); }.xz-hub .modal-content { color: var(--xz-text); background: var(--xz-elevated); border: 1px solid var(--xz-border); border-radius: 17px; box-shadow: 0 15px 60px #0002; }.xz-hub .modal-header,.xz-hub .modal-footer { border-color: var(--xz-border); padding: 20px 24px; }.xz-hub .modal-body { padding: 24px; }.xz-hub .modal-title { font-size: 19px; }.xz-hub pre,.xz-hub code { color: var(--xz-secondary); background: var(--xz-subtle); font-family: var(--xz-mono); font-size: 12px; }.xz-hub .progress { background: var(--xz-border); border-radius: 10px; height: 6px; }.xz-hub .progress-bar { background: var(--xz-accent); }
.admin-page-shell { margin: 0; max-width: none; }.admin-page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }.admin-page-header__eyebrow,.container-monitor__eyebrow { font-size: 9px; letter-spacing: 1.7px; margin-bottom: 12px; color: var(--xz-muted) !important; }.admin-page-header h1,.container-monitor h1 { font-size: 27px; margin-bottom: 10px; }.admin-page-header__subtitle,.container-monitor__subtitle { font-size: 12px; margin: 0; max-width: 720px; line-height: 1.9; }.admin-page-header__actions { display: flex; gap: 10px; }
#react-admin-hook { border: 1px solid var(--xz-border); border-radius: 14px; background: var(--xz-surface); overflow: hidden; box-shadow: var(--xz-shadow); }#react-admin-hook>.container,#react-admin-hook>div>.container { max-width: none; padding: 24px; }#react-admin-hook h1 { font-size: 20px; }#react-admin-hook .row { align-items: center; margin-bottom: 12px; }#react-admin-hook .table { margin: 19px 0; }#react-admin-hook a { font-size: 12px; }#react-admin-hook .pagination { gap: 4px; }#react-admin-hook .page-link { border-radius: 6px; background: var(--xz-surface); border-color: var(--xz-border); color: var(--xz-secondary); font-size: 11px; }#react-admin-hook .active>.page-link { background: var(--xz-accent); color: var(--xz-surface); }.version_footer { color: var(--xz-muted); font-size: 10px; padding: 20px 42px !important; }.version_footer .container { padding: 0; max-width: none; }
#react-admin-hook .table-bordered { border:0; }#react-admin-hook .table-bordered>:not(caption)>*>* { border-width:0 0 1px; border-color:var(--xz-border); }#react-admin-hook .btn-info,#react-admin-hook .btn-success { background:var(--xz-tint); color:var(--xz-accent); border:1px solid var(--xz-border); }#react-admin-hook .dropdown-toggle { background:var(--xz-tint); color:var(--xz-accent); border:0; }#react-admin-hook .btn-light,#react-admin-hook .btn-default { background:var(--xz-subtle); color:var(--xz-secondary); border-color:var(--xz-border); }#react-admin-hook .pagination-footer p { font-size:11px; color:var(--xz-muted); }#react-admin-hook .table td { height:62px; }
.container-monitor { max-width: none; }.container-monitor__header { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-bottom: 26px; }.container-monitor__toolbar { display: flex; align-items: center; gap: 14px; }.container-monitor__updated { font-size: 10px; color: var(--xz-muted); white-space: nowrap; }.container-monitor__summary { display: grid; grid-template-columns: repeat(5,1fr); gap: 15px; margin: 25px 0; }.container-monitor__metric { padding: 21px; border: 1px solid var(--xz-border); border-radius: 12px; background: var(--xz-surface); }.container-monitor__metric-label { display: block; color: var(--xz-secondary); font-size: 10px; margin-bottom: 14px; }.container-monitor__metric-value { display: block; color: var(--xz-text); font-size: 28px; font-weight: 500; letter-spacing: -.6px; }.container-monitor__notice { display: flex; align-items: center; gap: 12px; padding: 13px 17px; background: var(--xz-tint); color: var(--xz-secondary); border-radius: 9px; font-size: 10px; margin-bottom: 25px; }.container-monitor__notice-mark { border: 1px solid currentColor; border-radius: 50%; width: 16px; height: 16px; text-align: center; flex-shrink: 0; line-height: 14px; color: var(--xz-accent); }.container-monitor__workspaces { padding: 23px; }.container-monitor__list-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }.container-monitor__list-head h2 { font-size: 16px; margin-bottom: 6px; }.container-monitor__list-head p { margin: 0; font-size: 10px; color: var(--xz-muted); }.container-monitor__search { max-width: 280px; }.container-monitor__empty,.container-monitor__loading,.container-monitor__error { text-align: center; padding: 65px 15px; font-size: 12px; }.container-monitor__footer { font-size: 9px; color: var(--xz-muted) !important; margin-top: 19px; }.container-monitor__cards { display: grid; gap: 12px; }.container-monitor__container-card { border: 1px solid var(--xz-border); border-radius: 10px; padding: 19px; }.container-monitor__card-summary { cursor: pointer; list-style: none; }.container-monitor__card-top,.container-monitor__identity { display: flex; align-items: center; gap: 13px; }.container-monitor__card-top { justify-content: space-between; }.container-monitor__student { margin: 0; font-size: 13px !important; }.container-monitor__container { color: var(--xz-muted); font: 10px var(--xz-mono); }.container-monitor__state,.container-monitor__gpu { border-radius: 6px; padding: 4px 8px; background: var(--xz-tint); color: var(--xz-accent); font-size: 9px; }.container-monitor__quick-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 17px; }.container-monitor__quick-label { color: var(--xz-muted); display: block; font-size: 9px; }.container-monitor__number { display: block; font-size: 15px; font-weight: 500; margin-top: 7px; }.container-monitor__open-hint { display: block; margin-top: 13px; color: var(--xz-muted); font-size: 9px; }.container-monitor__details { margin-top: 18px; border-top: 1px solid var(--xz-border); padding-top: 18px; }.container-monitor__details-title { font-size: 13px !important; }.container-monitor__details-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.container-monitor__detail-label { color: var(--xz-muted); font-size: 9px; font-weight: 400; }.container-monitor__detail-value { font-size: 11px; margin: 5px 0 0; overflow-wrap: anywhere; }
.xz-main>.container { max-width: 1100px; padding: 0; }.xz-main>div>h1 { margin-bottom: 23px; }.xz-main form:not(.xz-login-card form) { max-width: 1100px; }.xz-main>div>form { border: 1px solid var(--xz-border); background: var(--xz-surface); border-radius: 15px; padding: 26px; }.xz-main #spawn_form { margin: 22px 0; }.xz-main #spawn_form h2 { font-size: 18px; }.xz-main #spawn_form label { display: block; padding: 17px; border: 1px solid var(--xz-border); border-radius: 10px; margin: 10px 0; background: var(--xz-surface); }.xz-main .input-group { gap: 6px; }.xz-main .input-group-text { background: var(--xz-subtle); color: var(--xz-secondary); border-color: var(--xz-border); }.xz-main label { color: var(--xz-secondary); font-size: 12px; }.xz-main .help-block { font-size: 11px; color: var(--xz-muted); }
.import-format-note { display:flex; align-items:flex-start; gap:14px; padding:18px 22px; margin-bottom:24px; background:var(--xz-tint); border-radius:12px; font-size:11px; }.import-format-note strong { font-size:12px; font-weight:550; }.import-format-note p { margin:5px 0 0; line-height:1.9; }.import-upload-icon { display:grid; place-items:center; width:39px; height:39px; flex-shrink:0; color:var(--xz-accent); border-radius:11px; background:var(--xz-subtle); }.import-upload-icon svg { width:20px; height:20px; }.import-upload-card { padding:12px; }.import-upload-top { display:flex; align-items:center; gap:16px; margin-bottom:25px; }.import-upload-top h2 { font-size:17px; margin:0 0 7px; }.import-upload-top p { font-size:11px; margin:0; }.import-file-types { display:flex; gap:6px; margin:10px 0 20px; }.import-file-types span,.import-format-badge { padding:4px 8px; border:1px solid var(--xz-border); border-radius:5px; font-size:9px; color:var(--xz-muted); }.import-preview { margin-top:24px; padding:25px; }.import-preview-heading { display:flex; justify-content:space-between; }.import-preview-heading h2 { font-size:17px; }.import-preview-heading p { font-size:11px; }.import-summary { display:flex; gap:20px; padding:16px 0; font-size:11px; color:var(--xz-secondary); }
.xz-main>main.container { background:var(--xz-surface); border:1px solid var(--xz-border); border-radius:15px; padding:32px 38px; }.xz-main>main.container h1 { font-size:26px; margin-bottom:17px; }.xz-main>main.container h2 { font-size:17px; margin-top:30px; margin-bottom:13px; }.xz-main>main.container .lead { font-size:13px; line-height:1.9; }.xz-main>main.container p,.xz-main>main.container li { font-size:12px; line-height:1.95; }.xz-main>main.container li { margin-bottom:8px; color:var(--xz-secondary); }.xz-main>main.container code { padding:2px 5px; border-radius:4px; font-size:11px; }
.xz-hub #login-main.xz-login-card { display:block; height:auto; min-height:0; min-width:0; align-self:center; }.xz-hub #login-main form { display:block; width:100%; min-width:0; }.xz-hub a.xz-brand { color:var(--xz-text); }.xz-login-description { font-size:14px; }.xz-hub .xz-login-card label { font-size:12px; }.xz-hub .xz-login-card .form-control { font-size:13px; }.xz-login-submit { font-size:13px; }.xz-login-card-subtitle { font-size:13px; }.xz-login-card-foot p { font-size:11px; }.xz-login-help { font-size:10px; }.xz-sidebar nav>a { font-size:13px; }.container-monitor__metric-label { font-size:11px; }.xz-feature-card p { font-size:12px; }.xz-feature-card h3 { font-size:15px; }
.xz-hub #login-main .form-control { border:1px solid var(--xz-border); color:var(--xz-text); background:var(--xz-subtle); }.xz-hub #login-main .form-control:focus { border-color:var(--xz-accent); box-shadow:0 0 0 3px var(--xz-ring); }
@media (min-width:1600px) { .xz-login-layout { gap: 125px; } }
@media (max-width:1150px) { .xz-sidebar { width: 212px; padding-inline: 13px; }.xz-authenticated .xz-page-frame { margin-left: 212px; }.xz-main { padding: 30px 27px; }.xz-topbar { padding-inline: 27px; }.xz-topbar-date { display: none; }.xz-login-layout { gap: 45px; }.xz-home-grid { gap: 12px; }.xz-feature-card { padding: 19px; }.container-monitor__metric { padding: 15px; }.container-monitor__metric-value { font-size: 23px; } }
@media (max-width:900px) { .xz-sidebar { transform: translateX(-100%); transition: transform .2s; width: 238px; }.xz-authenticated .xz-page-frame { margin-left: 0; }.xz-mobile-toggle { display: inline-flex; }.xz-sidebar-open .xz-sidebar { transform: translateX(0); }.xz-sidebar-open .xz-sidebar-scrim { display: block; position: fixed; z-index: 35; inset: 0; border: 0; background: #101a2b50; }.xz-login-layout { gap: 36px; grid-template-columns: 1fr 1fr; }.xz-login-story h1 { font-size: 37px; }.xz-login-description { font-size: 11px; }.xz-experiment-visual { padding: 15px; }.xz-visual-stages>div { flex-direction: column; gap: 5px; font-size: 9px; }.xz-public .xz-main { padding-inline: 27px; }.xz-public .xz-topbar { padding-inline: 28px; }.xz-hub #login-main.xz-login-card { padding: 28px 25px; }.container-monitor__header { flex-wrap: wrap; }.container-monitor__summary { gap: 10px; }.container-monitor__metric-label { font-size: 9px; } }
@media (max-width:650px) { .xz-topbar { height: 74px; padding-inline: 19px; }.xz-main { padding: 27px 19px; }.xz-footer { padding-inline: 19px; font-size: 9px; }.xz-topbar-location { font-size: 10px; gap: 7px; }.xz-topbar-dot { display: none; }.xz-topbar .xz-appearance { gap: 2px; }.xz-control-divider { margin: 0 2px; }.xz-public .xz-topbar { height: 90px; padding-inline: 21px; }.xz-public .xz-brand { font-size: 17px; gap: 8px; }.xz-public .xz-brand small { font-size: 8px; }.xz-public .xz-brand-symbol { width: 31px; height: 31px; border-radius: 10px; font-size: 27px; }.xz-public .xz-main { padding-inline: 22px; }.xz-login-layout { display: flex; flex-direction: column; gap: 27px; padding: 22px 0 35px; min-height: auto; }.xz-login-story { width: 100%; padding: 0; }.xz-login-story .xz-eyebrow { margin-bottom: 14px; font-size: 8px; }.xz-login-story h1 { font-size: 34px; line-height: 1.4; margin-bottom: 12px; letter-spacing: -1px; }.xz-login-description { font-size: 11px; margin-bottom: 0; }.xz-experiment-visual,.xz-login-note { display: none; }.xz-hub #login-main.xz-login-card { max-width: none; padding: 25px; }.xz-login-card-top { margin-bottom: 18px; }.xz-login-card h2 { font-size: 23px; }.xz-public .xz-footer { padding: 20px 23px; font-size: 8px; }.xz-public .xz-footer>span:last-child { max-width: 180px; text-align: right; }.xz-home-grid { grid-template-columns: 1fr; }.xz-feature-card { min-height: auto; }.xz-workspace-card { padding: 26px; }.xz-workspace-art { display: none; }.xz-page-heading h1 { font-size: 25px; }.xz-section-heading>span { display: none; }.admin-page-header { align-items: flex-start; gap: 15px; }.admin-page-header h1,.container-monitor h1 { font-size: 23px; }.admin-page-header__actions { flex-direction: column; }.container-monitor__summary { grid-template-columns: repeat(2,1fr); }.container-monitor__summary>.container-monitor__metric:last-child { grid-column: span 2; }.container-monitor__metric-value { font-size: 25px; }.container-monitor__list-head { flex-wrap: wrap; }.container-monitor__search { max-width: none; }.container-monitor__details-grid { grid-template-columns: 1fr 1fr; }.container-monitor__identity { flex-wrap: wrap; gap: 8px; }#react-admin-hook { overflow-x: auto; }#react-admin-hook .table { min-width: 650px; }.xz-hub .table th,.xz-hub .table td { padding: 12px; }.xz-language button { min-width: 27px; padding: 0 4px; }.xz-appearance { gap: 3px; } }
/* Larger navigation and the XuanZhi ribbon identity. */
.xz-public .xz-topbar { height:128px; gap:24px; }.xz-public .xz-brand { gap:18px; }.xz-public .xz-brand-symbol { width:76px; height:76px; }.xz-public .xz-platform-name { font-size:30px; letter-spacing:.04em; }.xz-public .xz-brand small { margin-top:8px; font-size:11px; letter-spacing:1.5px; }
.xz-sidebar { width:288px; padding:28px 18px 20px; overflow-y:auto; }.xz-authenticated .xz-page-frame { margin-left:288px; }.xz-sidebar>.xz-brand { gap:14px; margin:0 8px 25px; font-size:27px; }.xz-sidebar .xz-brand-symbol { width:57px; height:57px; flex-shrink:0; border-radius:0; }.xz-sidebar .xz-brand small { font-size:12px; margin-top:5px; letter-spacing:.2px; }
.xz-nav-caption { font-size:12px; margin:23px 14px 10px; }.xz-sidebar nav>a { gap:13px; padding:13px 12px; min-height:58px; font-size:16px; border-radius:12px; }.xz-sidebar nav>a>[data-xz-icon]:first-child { width:35px; height:35px; flex-shrink:0; }.xz-sidebar nav>a>[data-xz-icon]:first-child svg { width:35px; height:35px; }.xz-nav-end svg { width:15px; height:15px; }.xz-sidebar-bottom { padding-top:18px; }.xz-avatar { width:42px; height:42px; font-size:17px; }.xz-user-name strong { font-size:14px; }.xz-user-name small { font-size:12px; }.xz-sidebar-bottom .xz-icon-button { width:36px; height:36px; padding:7px; }
.xz-topbar-platform { min-width:0; }.xz-topbar-platform .xz-platform-name { display:block; font-size:21px; }.xz-topbar-platform small { display:block; color:var(--xz-muted); font-size:12px; margin-top:5px; }.xz-topbar { min-height:100px; height:auto; gap:20px; padding-top:18px; padding-bottom:18px; }.xz-topbar-location { min-width:0; }.xz-topbar>[data-xz-appearance] { flex-shrink:0; }
.xz-feature-icon { width:61px; height:61px; background:transparent; border-radius:0; }.xz-feature-icon svg { width:61px; height:61px; }.xz-feature-card h3 { font-size:17px; }.xz-feature-card p { font-size:14px; }
@media (max-width:1150px) { .xz-sidebar { width:265px; }.xz-authenticated .xz-page-frame { margin-left:265px; }.xz-sidebar nav>a { font-size:15px; }.xz-topbar-platform .xz-platform-name { font-size:18px; }.xz-public .xz-platform-name { font-size:25px; } }
@media (max-width:900px) { .xz-sidebar { width:288px; }.xz-authenticated .xz-page-frame { margin-left:0; }.xz-public .xz-brand-symbol { width:62px; height:62px; }.xz-public .xz-platform-name { font-size:23px; }.xz-public .xz-brand small { font-size:9px; }.xz-topbar-platform .xz-platform-name { font-size:18px; } }
@media (max-width:650px) { .xz-public .xz-topbar { min-height:154px; height:auto; flex-wrap:wrap; padding:19px 22px 15px; gap:12px; }.xz-public .xz-brand { gap:10px; width:100%; }.xz-public .xz-brand-symbol { width:53px; height:53px; }.xz-public .xz-platform-name { font-size:clamp(17px,4.9vw,24px); letter-spacing:0; }.xz-public .xz-brand small { font-size:8px; margin-top:5px; letter-spacing:.8px; }.xz-public .xz-topbar>[data-xz-appearance] { margin-left:auto; }.xz-topbar { flex-wrap:wrap; padding:17px 19px; gap:15px; }.xz-topbar-platform .xz-platform-name { font-size:17px; }.xz-topbar-platform small { font-size:11px; }.xz-authenticated .xz-topbar-location { width:100%; }.xz-authenticated .xz-topbar>[data-xz-appearance] { margin-left:auto; }.xz-sidebar nav>a { font-size:16px; } }
.xz-hub #login-main .form-control { display:block; box-sizing:border-box; width:100%; min-width:0; }
/* Readable form details and soft material separation over the backdrop. */
.xz-login-page #login-main.xz-login-card { background:color-mix(in srgb,var(--xz-surface) 96%,transparent); border-color:color-mix(in srgb,var(--xz-border) 78%,var(--xz-surface)); box-shadow:0 22px 65px #243b5712,0 2px 8px #243b5706; }
.xz-login-page .xz-experiment-visual { background:color-mix(in srgb,var(--xz-surface) 91%,transparent); box-shadow:0 10px 40px #243b5707; }
.xz-login-page .xz-login-help { font-size:12px; line-height:1.7; }
.xz-login-page .xz-password-label>span { font-size:11px; color:var(--xz-secondary); }
.xz-login-page .xz-login-note,.xz-login-page .xz-footer { font-size:11px; color:var(--xz-secondary); }
.xz-login-page .xz-card-kicker { font-size:9px; color:var(--xz-secondary); }
.xz-password-field .xz-icon-button { width:36px; height:36px; padding:8px; }
@media(max-width:650px) { body.xz-login-page::before { background-position:36% center; opacity:.5; }.xz-login-page .xz-footer { font-size:10px; } }
.xz-header-actions { display:flex; align-items:center; flex-shrink:0; gap:16px; margin-left:auto; }
.xz-hub .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; line-height:1.25; vertical-align:middle; }
.xz-hub .btn-sm,.xz-hub .btn-xs { min-height:30px; }
.xz-hub .xz-login-submit { box-sizing:border-box; line-height:1.25; }
.xz-hub .btn>.fa,.xz-hub .btn>.glyphicon { line-height:1; }
@media(max-width:650px) { .xz-header-actions { gap:9px; max-width:100%; }.xz-header-actions .xz-control-divider { display:none; }.xz-header-actions .xz-appearance { gap:3px; } }

.xz-return-nav{margin:0 0 23px}.xz-return-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 14px;border:1px solid var(--xz-border);border-radius:11px;background:var(--xz-surface);color:var(--xz-accent);font:600 14px/1.4 var(--xz-font);text-decoration:none;cursor:pointer}
.xz-return-nav a:hover{background:var(--xz-tint);border-color:var(--xz-accent)}.xz-return-nav a:focus-visible{outline:3px solid var(--xz-ring);outline-offset:3px}.xz-return-nav svg{width:18px;height:18px;transform:rotate(180deg)}
.xz-home[hidden],#xz-experiment-catalog[hidden]{display:none!important}
.xz-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.xz-course-card{display:flex;gap:20px;min-width:0;padding:24px;border:1px solid var(--xz-border);border-radius:18px;background:var(--xz-surface);text-decoration:none;color:var(--xz-text);box-shadow:var(--xz-shadow)}
.xz-course-card:hover{border-color:var(--xz-accent);background:var(--xz-subtle)}.xz-course-card:focus-visible{outline:3px solid var(--xz-ring);outline-offset:3px}
.xz-course-number{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:14px;color:var(--xz-accent);background:var(--xz-tint);font-size:21px;font-weight:650}
.xz-course-card h2{margin:0;font-size:18px;line-height:1.6;font-weight:650}.xz-course-card p{margin:9px 0 14px;color:var(--xz-secondary);font-size:13px;line-height:1.8}
@media(max-width:1000px){.xz-course-grid{grid-template-columns:1fr}}@media(max-width:650px){.xz-course-card{padding:19px;gap:14px}.xz-course-card h2{font-size:16px}.xz-course-number{width:41px;height:41px;font-size:18px}}

.xz-sidebar nav>a[href$="admin/resources"]>span:last-child{min-width:0;white-space:normal;line-height:1.5}

/* Student registration follows the existing appearance and dialog system. */
.xz-login-register{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:13px;color:var(--xz-secondary)}.xz-login-register button{border:0;background:none;padding:4px;color:var(--xz-accent);font:600 13px/1.5 var(--xz-font);cursor:pointer}.xz-login-register button:hover{text-decoration:underline;text-underline-offset:4px}
.xz-register-dialog{max-width:480px}.xz-register-role{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--xz-border);border-radius:9px;background:var(--xz-tint);color:var(--xz-accent);padding:7px 11px;font-size:12px;margin-bottom:22px}.xz-register-role svg{width:18px;height:18px}.xz-register-hint{font-size:11px;line-height:1.7;color:var(--xz-secondary);margin:-9px 0 18px}.xz-register-password-field{display:block;position:relative}.xz-register-password-field input{padding-right:44px!important}.xz-register-password-field>.xz-icon-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;cursor:pointer}.xz-register-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.xz-register-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;font:600 13px/1.5 var(--xz-font);border-radius:10px;padding:10px 18px;cursor:pointer}.xz-register-cancel{border:1px solid var(--xz-border);background:var(--xz-subtle);color:var(--xz-secondary)}.xz-register-actions button:disabled,.xz-register-dialog button:disabled{opacity:.55;cursor:wait}.xz-register-success{text-align:center;padding:9px 5px 11px}.xz-register-success-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:31px;border-radius:20px;color:var(--xz-accent);background:var(--xz-tint);border:1px solid var(--xz-border)}.xz-register-success h3{font-size:22px;font-weight:650;margin:0 0 12px}.xz-register-success p{color:var(--xz-secondary);font-size:13px;line-height:1.8}.xz-register-success strong{display:block;margin:18px 0 24px;font-size:18px;overflow-wrap:anywhere}.xz-register-success button{min-height:43px;padding:11px 25px;font-size:13px}.xz-register-dialog .xz-form-error:empty{display:none}

/* Shared platform controls; scoped classes avoid changing native editors. */
.xz-platform-header-tools{display:flex;align-items:center;gap:9px;flex-shrink:0}.xz-profile-avatar{position:relative;width:43px;height:43px;flex:none;padding:0!important;border:2px solid var(--xz-border)!important;border-radius:15px;background:var(--xz-surface);cursor:pointer;overflow:visible}.xz-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.xz-avatar-role{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;border-radius:7px;background:var(--xz-accent);color:white;border:2px solid var(--xz-surface);display:grid;place-items:center}.xz-avatar-role svg{width:11px;height:11px}.xz-inbox{position:relative;display:grid;place-items:center;width:35px;height:35px;border:0;background:transparent;color:var(--xz-secondary);border-radius:11px;cursor:pointer}.xz-inbox>svg{width:23px;height:23px}.xz-inbox i{position:absolute;top:-3px;right:-2px;min-width:16px;height:16px;padding:1px 3px;border-radius:8px;background:var(--xz-accent);color:white;font:10px var(--xz-font);font-style:normal}.xz-reserve-compact{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--xz-border);border-radius:11px;padding:8px 11px;background:var(--xz-tint);color:var(--xz-accent);font:600 13px var(--xz-font);cursor:pointer;white-space:nowrap}.xz-reserve-compact svg{width:19px;height:19px}.xz-reservation-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 25px;margin:0 0 23px;border:1px solid color-mix(in srgb,var(--xz-accent) 25%,var(--xz-border));border-radius:18px;background:linear-gradient(115deg,var(--xz-tint),var(--xz-surface));box-shadow:0 6px 22px #172e5010}.xz-reservation-label{display:block;color:var(--xz-accent);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:8px}.xz-reservation-copy strong{display:block;font-size:17px;line-height:1.5}.xz-reservation-copy p{margin:6px 0 0;color:var(--xz-muted);font-size:12px;line-height:1.7}.xz-reservation-button,.xz-primary{border:1px solid transparent;border-radius:11px;background:var(--xz-accent);color:#fff;min-height:40px;padding:10px 17px;font:600 14px var(--xz-font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;white-space:nowrap}.xz-reservation-button:hover,.xz-primary:hover{filter:brightness(1.08)}.xz-primary:disabled{opacity:.6;cursor:wait}.xz-workspace-guide .xz-reservation-card{display:block;padding:15px 13px;margin:13px 0 1px;border-radius:13px;box-shadow:none}.xz-workspace-guide .xz-reservation-copy strong{font-size:14px}.xz-workspace-guide .xz-reservation-copy p{font-size:11px}.xz-workspace-guide .xz-reservation-button{width:100%;margin-top:12px;font-size:13px}.xz-platform-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 30px));max-height:88vh;overflow:auto;border:1px solid var(--xz-border);border-radius:22px;background:var(--xz-elevated,var(--xz-surface));color:var(--xz-text);padding:0;box-shadow:0 25px 110px #0b1f3e55;font:14px var(--xz-font)}.xz-platform-dialog.xz-wide{width:min(800px,calc(100vw - 30px))}.xz-platform-dialog::backdrop{background:#172e5050;backdrop-filter:blur(7px)}.xz-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px 19px;border-bottom:1px solid var(--xz-border);position:sticky;top:0;background:var(--xz-elevated,var(--xz-surface));z-index:1}.xz-dialog-title h2{font-size:20px;font-weight:650;letter-spacing:-.3px;margin:0}.xz-dialog-close{width:32px;height:32px;border:0;border-radius:10px;background:var(--xz-subtle);color:var(--xz-secondary);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}.xz-dialog-body{padding:23px 25px}.xz-dialog-intro{color:var(--xz-secondary);font-size:13px;line-height:1.8;margin:0 0 19px}.xz-platform-dialog label{display:block;font-size:13px;font-weight:600;line-height:1.7;margin-bottom:16px}.xz-platform-dialog input:not([type=file]):not([type=range]),.xz-platform-dialog select{box-sizing:border-box;display:block;width:100%;margin-top:7px;padding:11px 12px;min-height:43px;border:1px solid var(--xz-border);border-radius:10px;color:var(--xz-text);background:var(--xz-surface);font:13px var(--xz-font)}.xz-reservation-facts{background:var(--xz-tint);color:var(--xz-accent);border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.8}.xz-form-error{color:var(--xz-danger,#b34e59);font-size:12px;line-height:1.8;white-space:pre-wrap}.xz-task-card{padding:18px;border:1px solid var(--xz-border);border-radius:13px;margin-bottom:13px;background:var(--xz-surface)}.xz-task-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.xz-task-state{font-size:11px;padding:5px 8px;border-radius:8px;background:var(--xz-tint);color:var(--xz-accent);white-space:nowrap}.xz-task-card p{font-size:12px;color:var(--xz-secondary);line-height:1.8;margin:10px 0}.xz-output-path{overflow-wrap:anywhere}.xz-output-path code{font-size:11px}.xz-task-actions{display:flex;flex-wrap:wrap;gap:8px}.xz-task-actions button,.xz-crop-actions button{background:var(--xz-subtle);border:1px solid var(--xz-border);color:var(--xz-accent);border-radius:8px;padding:8px 11px;cursor:pointer;font:12px var(--xz-font)}.xz-log-output{font:12px/1.8 var(--xz-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;background:var(--xz-subtle);padding:16px;border-radius:12px;color:var(--xz-text)}.xz-notice{padding:14px 0;border-bottom:1px solid var(--xz-border)}.xz-notice time{font-size:11px;color:var(--xz-muted)}.xz-notice p{font-size:14px;line-height:1.8;margin:6px 0}.xz-notice.xz-unread{padding-left:13px;border-left:3px solid var(--xz-accent)}.xz-avatar-defaults{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:5px 0 20px}.xz-avatar-defaults button{aspect-ratio:1;border:2px solid transparent;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--avatar-color) 50%,white),var(--avatar-color));cursor:pointer;color:white;display:grid;place-items:center;padding:8px}.xz-avatar-defaults svg{width:100%;height:100%}.xz-avatar-defaults button:hover{border-color:var(--xz-accent)}.xz-avatar-upload{display:flex!important;align-items:center;justify-content:center;gap:10px;background:var(--xz-tint);color:var(--xz-accent);border:1px dashed var(--xz-accent);border-radius:12px;padding:16px;cursor:pointer}.xz-avatar-upload svg{width:23px;height:23px}.xz-avatar-upload input{position:absolute;width:1px;height:1px;opacity:0}.xz-avatar-editor canvas{display:block;width:min(270px,100%);height:auto;aspect-ratio:1;border-radius:50%;margin:20px auto;background:var(--xz-subtle);cursor:grab;touch-action:none;box-shadow:0 0 0 6px var(--xz-border)}.xz-avatar-editor canvas:active{cursor:grabbing}.xz-avatar-editor input[type=range]{display:block;width:100%;accent-color:var(--xz-accent);margin-top:8px}.xz-crop-actions{display:flex;justify-content:center;gap:9px;margin:15px 0}.xz-avatar-editor>.xz-primary{width:100%;margin-top:10px}.xz-platform-toast{position:fixed;z-index:20000;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(650px,calc(100vw - 36px));box-sizing:border-box;padding:15px 22px;background:var(--xz-elevated,var(--xz-surface));color:var(--xz-text);border:1px solid var(--xz-border);border-left:4px solid var(--xz-accent);border-radius:14px;box-shadow:0 12px 40px #142b5030;font:14px/1.7 var(--xz-font)}.xz-platform-toast.xz-error{border-left-color:var(--xz-danger)}
/* Native administrator actions remain intact, with readable zebra rows. */
#react-admin-hook .table{font-size:15px!important}#react-admin-hook .table th{font-size:13px!important;font-weight:650;padding:18px 16px!important}#react-admin-hook .table td{font-size:15px!important;height:75px;padding:17px 16px!important;box-shadow:none!important}#react-admin-hook .table td a{font-size:15px!important}#react-admin-hook .table tbody tr:nth-child(odd)>td{background:color-mix(in srgb,var(--xz-accent) 6%,var(--xz-surface))!important}#react-admin-hook .table tbody tr:nth-child(even)>td{background:var(--xz-surface)!important}#react-admin-hook .table tbody tr:hover>td{background:var(--xz-tint)!important}#react-admin-hook .btn{font-size:13px!important;min-height:34px}#react-admin-hook .xz-table-person{display:inline-flex;align-items:center;gap:11px}#react-admin-hook .xz-table-person img{width:38px;height:38px;border-radius:13px;object-fit:cover}.xz-admin-role{font-size:11px;padding:4px 8px;border-radius:7px;color:var(--xz-accent);background:var(--xz-tint);margin-left:8px}
@media(max-width:1150px){.xz-reserve-compact span{display:none}.xz-reserve-compact{padding:8px}.xz-platform-header-tools{gap:5px}.xz-lab-header .xz-brand-copy .xz-platform-name{max-width:330px}.xz-profile-avatar{width:37px;height:37px}}@media(max-width:650px){.xz-reservation-card{padding:17px;gap:14px;align-items:flex-start;flex-direction:column}.xz-reservation-copy strong{font-size:15px}.xz-reservation-button{width:100%}.xz-workspace-guide .xz-reservation-card{display:block}.xz-avatar-defaults{grid-template-columns:repeat(4,1fr)}.xz-dialog-title,.xz-dialog-body{padding:19px}.xz-platform-header-tools{gap:4px}.xz-profile-avatar{width:32px;height:32px;border-radius:11px}.xz-inbox{width:29px}.xz-reserve-compact{padding:6px}.xz-lab-header .xz-console-link span{display:none}.xz-lab-header .xz-platform-header-tools .xz-inbox{display:none}.xz-task-heading{align-items:flex-start}.xz-platform-dialog{max-height:90vh}}
@media(prefers-reduced-motion:reduce){.xz-platform-dialog,.xz-platform-toast{scroll-behavior:auto}}

/* Keep account identity readable beside the avatar on every authenticated page. */
.xz-account-identity{display:flex;align-items:center;gap:9px;flex:none;padding:4px 10px 4px 4px;border:1px solid var(--xz-border);border-radius:16px;background:var(--xz-subtle);color:var(--xz-text)}
.xz-account-copy{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;font-family:var(--xz-font);line-height:1.3}
.xz-account-name{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}
.xz-account-role{display:block;color:var(--xz-accent);font-size:12px;font-weight:550;white-space:nowrap}
@media(max-width:1150px){.xz-account-identity{gap:7px;padding:3px 8px 3px 3px}.xz-account-name{max-width:90px;font-size:13px}}
@media(max-width:700px){
 .xz-account-identity{gap:6px;padding:2px 6px 2px 2px;border-radius:12px}.xz-account-name{max-width:70px;font-size:12px}.xz-account-role{font-size:11px}.xz-account-copy{gap:2px}
 html[data-xz-surface="lab"] .xz-lab-header{height:176px;align-content:center}
 html[data-xz-surface="lab"] .xz-lab-header-right{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}
 html[data-xz-surface="lab"] .xz-lab-header-right>.xz-appearance{grid-column:1/-1;grid-row:1;justify-self:end}
 html[data-xz-surface="lab"] .xz-lab-header-right>.xz-console-link{grid-column:1;grid-row:2}
 html[data-xz-surface="lab"] .xz-lab-header-right>.xz-platform-header-tools{grid-column:2;grid-row:2;justify-self:end}
 html[data-xz-surface="lab"] .xz-lab-header-right>.xz-logout-button{grid-column:3;grid-row:2}
 html[data-xz-surface="lab"] .xz-lab-header .xz-editor-theme-control select{max-width:96px}
 html[data-xz-surface="lab"] #main.jp-LabShell{top:176px!important;height:calc(100vh - 176px)!important}
 .xz-header-actions{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:700px){
 .xz-header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .xz-header-actions>[data-xz-appearance]{grid-column:1/-1;grid-row:1;justify-self:end}
 .xz-header-actions>.xz-platform-header-tools{grid-column:1;grid-row:2;justify-self:end}
 .xz-header-actions>.xz-logout-button{grid-column:2;grid-row:2}
}

.xz-stop-intro{margin:0 0 17px;font-size:15px;line-height:1.8;color:var(--xz-text)}
.xz-stop-effects{margin:0;padding-left:22px;color:var(--xz-secondary);font-size:14px;line-height:1.85}
.xz-stop-effects li+li{margin-top:10px}.xz-stop-effects li:nth-child(-n+2){color:var(--xz-text)}
.xz-stop-effects li:nth-child(-n+2)::marker{color:var(--xz-danger)}
.xz-stop-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}
.xz-stop-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid var(--xz-border);border-radius:11px;background:var(--xz-subtle);color:var(--xz-text);font:600 14px/1.3 var(--xz-font);cursor:pointer}
.xz-stop-confirm{background:var(--xz-danger);min-height:42px}
.xz-stop-cancel:focus-visible,.xz-stop-confirm:focus-visible{outline:3px solid var(--xz-ring);outline-offset:3px}
@media(max-width:400px){.xz-stop-actions{flex-direction:column}.xz-stop-actions>button{width:100%}}

.xz-avatar-defaults{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.xz-avatar-defaults button{padding:0;overflow:hidden;background:var(--xz-subtle);border-radius:16px;transition:transform .15s,border-color .15s}
.xz-avatar-defaults button img{display:block;width:100%;height:100%;object-fit:cover}
.xz-avatar-defaults button[aria-pressed=true]{border-color:var(--xz-accent);box-shadow:0 0 0 3px var(--xz-ring)}
.xz-avatar-defaults button:hover{transform:translateY(-2px)}
.xz-avatar-defaults button:focus-visible{outline:3px solid var(--xz-ring);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.xz-avatar-defaults button{transition:none}.xz-avatar-defaults button:hover{transform:none}}

/* The complete Multiavatar collection; upload controls stay below its own scroll area. */
.xz-avatar-preset-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px}.xz-avatar-preset-toolbar strong{display:block;font-size:13px;font-weight:650}.xz-avatar-preset-toolbar small{display:block;color:var(--xz-secondary);font-size:11px;margin-top:3px}.xz-avatar-preset-toolbar input{width:175px!important;min-width:0!important;min-height:35px!important;padding:7px 10px!important;margin:0!important;font-size:11px!important}
.xz-avatar-defaults.xz-multiavatar-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:min(360px,42vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:5px 7px 5px 4px;gap:9px;margin:0 0 18px;align-content:start}
.xz-avatar-defaults.xz-multiavatar-grid button{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px;background:var(--xz-subtle);border-radius:13px;border:2px solid transparent;min-width:0;cursor:pointer;overflow:visible}
.xz-avatar-defaults.xz-multiavatar-grid button[hidden]{display:none!important}.xz-multiavatar-grid .xz-preset-preview{display:block;width:100%;aspect-ratio:1;background:transparent;border-radius:50%;overflow:hidden}
.xz-avatar-defaults.xz-multiavatar-grid .xz-preset-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;padding:0}
.xz-multiavatar-grid .xz-preset-caption{display:block;padding:6px 0 2px;color:var(--xz-secondary);font:550 9px/1.4 var(--xz-font);white-space:nowrap}
.xz-avatar-defaults.xz-multiavatar-grid button[aria-pressed=true]{border-color:var(--xz-accent);background:var(--xz-tint)}.xz-multiavatar-grid button[aria-pressed=true] .xz-preset-caption{color:var(--xz-accent)}.xz-avatar-empty{font-size:12px;color:var(--xz-secondary);text-align:center;padding:18px 0}
@media(max-width:650px){.xz-avatar-defaults.xz-multiavatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.xz-avatar-preset-toolbar input{width:155px!important}.xz-avatar-preset-toolbar small{font-size:10px}.xz-multiavatar-grid .xz-preset-caption{font-size:9px}}

/* Course dependencies: solid main sequence, quiet dashed method handoffs. */
.xz-learning-shortcut{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;margin:0 0 20px;border:1px solid var(--xz-border);border-radius:14px;background:var(--xz-surface);color:var(--xz-secondary);font:13px/1.7 var(--xz-font)}
.xz-learning-shortcut button,.xz-route-footer button,.xz-route-detail-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid var(--xz-border);border-radius:9px;background:var(--xz-tint);color:var(--xz-accent);font:600 12px/1.5 var(--xz-font);cursor:pointer;flex-shrink:0}
.xz-workspace-guide .xz-learning-shortcut{display:block;margin:12px 0 0;padding:13px;font-size:12px}.xz-workspace-guide .xz-learning-shortcut button{width:100%;margin-top:10px}
.xz-course-route{padding:24px;margin:0 0 24px;border:1px solid var(--xz-border);border-radius:20px;background:var(--xz-surface);color:var(--xz-text);font-family:var(--xz-font);box-shadow:var(--xz-shadow)}
.xz-route-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px}.xz-route-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--xz-accent)}.xz-route-heading h2{margin:7px 0 0;font-size:19px;line-height:1.55;font-weight:650}
.xz-route-key{display:flex;align-items:center;gap:7px;color:var(--xz-secondary);font-size:10px;flex-wrap:wrap;max-width:210px;line-height:1.8}.xz-route-key i{width:17px;border-top:2px solid var(--xz-accent)}.xz-route-key i.soft{border-top-style:dashed;margin-left:5px;opacity:.65}
.xz-route-lane{padding:18px;border:1px solid var(--xz-ring);border-radius:14px;background:linear-gradient(115deg,var(--xz-tint),var(--xz-surface))}.xz-route-lane>strong,.xz-route-soft-lane>span{display:block;margin-bottom:12px;font-size:10px;font-weight:650;letter-spacing:.7px;color:var(--xz-secondary)}
.xz-route-sequence{display:flex;align-items:stretch;gap:8px}.xz-route-node{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:12px;border:1px solid var(--xz-border);border-radius:11px;background:var(--xz-surface);color:var(--xz-text);text-align:left;font:600 12px/1.5 var(--xz-font);cursor:pointer;transition:border-color .15s,box-shadow .15s}.xz-route-node:hover{border-color:var(--xz-accent);box-shadow:0 3px 12px var(--xz-ring)}.xz-route-node b{font-size:19px;line-height:1.2;color:var(--xz-accent);font-weight:650}.xz-route-node[data-state=blocked] b{color:var(--xz-secondary)}
.xz-route-arrow{display:flex;align-items:center;color:var(--xz-accent);font-size:19px}.xz-route-arrow.soft{color:var(--xz-secondary)}.xz-route-lane>p{margin:13px 0 0;color:var(--xz-secondary);font-size:12px;line-height:1.8}
.xz-route-explorations{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.xz-route-soft-lane{padding:16px;border:1px dashed var(--xz-border);border-radius:13px;background:var(--xz-subtle)}.xz-route-soft-lane .xz-route-node{padding:11px}.xz-route-soft-lane .xz-route-node b{color:#679383}
.xz-route-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:19px;padding-top:16px;border-top:1px solid var(--xz-border)}.xz-route-footer>span{font-size:11px;color:var(--xz-secondary);line-height:1.8}.xz-route-footer button:disabled{opacity:.6;cursor:wait}
.xz-course-readiness{display:inline-flex;align-items:center;padding:4px 8px;margin-top:8px;border-radius:6px;background:var(--xz-subtle);color:var(--xz-secondary);font:600 11px/1.5 var(--xz-font)}.xz-course-readiness[data-state=ready]{background:color-mix(in srgb,#6a9985 13%,var(--xz-surface));color:light-dark(#47785f,#9cc7b2)}.xz-course-readiness[data-state=blocked]{background:color-mix(in srgb,#b9965c 13%,var(--xz-surface));color:light-dark(#876329,#d2b787)}
.xz-course-card p.xz-course-prerequisite{font-size:12px;margin:9px 0 6px;line-height:1.8}.xz-route-detail-note{color:var(--xz-secondary);font-size:13px;line-height:1.85;margin:14px 0}.xz-prerequisite-list{padding:0;list-style:none;display:grid;gap:10px;margin:20px 0}.xz-prerequisite-list li{padding:14px;border:1px solid var(--xz-border);border-radius:12px;background:var(--xz-subtle)}.xz-prerequisite-list strong{font-size:12px;font-weight:650;line-height:1.8}.xz-prerequisite-list code{display:block;font:11px/1.9 var(--xz-mono);color:var(--xz-secondary);overflow-wrap:anywhere;margin:5px 0}.xz-prerequisite-list p,.xz-prerequisite-list a{font-size:12px;line-height:1.8;margin:6px 0}.xz-prerequisite-list li[data-ready=true] strong{color:#679383}.xz-prerequisite-list a{color:var(--xz-accent)}
.xz-route-detail-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.xz-route-detail-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:36px;padding:9px 13px;border-radius:9px;font:600 12px/1.5 var(--xz-font)}.xz-route-open-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xz-route-open-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid var(--xz-border);border-radius:10px;color:var(--xz-text);font-size:12px;text-decoration:none;background:var(--xz-subtle)}.xz-route-open-list a:hover{border-color:var(--xz-accent)}
.xz-route-node:focus-visible,.xz-route-footer button:focus-visible,.xz-learning-shortcut button:focus-visible{outline:3px solid var(--xz-ring);outline-offset:3px}
@media(max-width:1000px){.xz-route-heading{display:block}.xz-route-key{max-width:none;margin-top:12px}.xz-route-node{display:block}.xz-route-node b{display:block;margin-bottom:6px}}
@media(max-width:650px){.xz-course-route{padding:17px;border-radius:15px}.xz-route-heading h2{font-size:17px}.xz-route-lane{padding:12px}.xz-route-sequence{gap:5px;flex-wrap:wrap}.xz-route-lane .xz-route-node{flex:1 1 calc(40% - 12px)}.xz-route-lane .xz-route-arrow:nth-child(4){display:none}.xz-route-explorations{grid-template-columns:1fr}.xz-route-soft-lane .xz-route-node{flex:1}.xz-route-footer{align-items:flex-start}.xz-route-footer button{padding:8px 10px}.xz-learning-shortcut{display:block}.xz-learning-shortcut button{width:100%;margin-top:10px}.xz-route-open-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.xz-route-node{transition:none}}

@property --xz-heat{syntax:"<color>";inherits:true;initial-value:#589fba}
/* A static chassis with a projected fan disc; all motion stays inside the fan. */
.xz-gpu-visual{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.xz-gpu-visual .xz-gpu-art{display:block;max-width:100%;overflow:visible;object-fit:contain}
.xz-gpu-rotor{transform-box:view-box;transform-origin:0 0;animation:xz-gpu-fan-turn var(--xz-fan-period,30s) linear infinite;animation-play-state:paused}
.xz-gpu-visual[data-gpu-state=busy] .xz-gpu-rotor,.xz-gpu-visual[data-gpu-state=idle] .xz-gpu-rotor{animation-play-state:running}
.xz-gpu-activity{display:inline-flex;align-items:center;gap:6px;color:var(--xz-secondary);font:10px/1.5 var(--xz-font);white-space:nowrap}
.xz-gpu-activity i{width:5px;height:5px;border-radius:50%;background:#8191a4;flex:none}
.xz-gpu-visual[data-gpu-state=busy] .xz-gpu-activity i{background:#579d8b;box-shadow:0 0 0 3px #579d8b18}
.xz-gpu-visual[data-gpu-state=idle] .xz-gpu-activity i{background:#7e9ab6}
.xz-gpu-visual[data-gpu-state=offline]{opacity:.65}
.xz-thermometer{--xz-heat:#589fba;display:flex;justify-content:center;align-items:center;gap:12px;padding:13px 12px;margin-top:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--xz-heat) 22%,var(--xz-border));background:linear-gradient(135deg,color-mix(in srgb,var(--xz-heat) 8%,var(--xz-surface)),color-mix(in srgb,var(--xz-surface) 75%,transparent));min-width:0;text-align:left}
.xz-thermometer[data-temperature-state=alarm] .xz-thermometer-copy>span{color:var(--xz-heat);font-weight:650}
.xz-thermometer-glass{position:relative;display:block;width:30px;height:70px;flex:none;filter:drop-shadow(0 3px 3px #17395812)}
.xz-thermometer-tube{position:absolute;left:6px;top:1px;width:14px;height:54px;padding:3px 3px 0;border:1px solid color-mix(in srgb,var(--xz-heat) 45%,var(--xz-border));border-radius:9px 9px 0 0;background:linear-gradient(90deg,#ffffff45,transparent);overflow:hidden}
.xz-thermometer-tube i{display:block;position:absolute;bottom:0;left:3px;right:3px;max-height:calc(100% - 4px);border-radius:4px 4px 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--xz-heat) 65%,white),var(--xz-heat));transition:height 1s ease,background 1s}
.xz-thermometer-bulb{position:absolute;left:1px;bottom:0;width:24px;height:24px;border-radius:50%;border:1px solid color-mix(in srgb,var(--xz-heat) 45%,var(--xz-border));background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--xz-heat) 60%,white),var(--xz-heat));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--xz-surface) 70%,transparent)}
.xz-thermometer-ticks{position:absolute;right:0;top:9px;width:5px;height:38px;background:repeating-linear-gradient(to bottom,var(--xz-heat) 0 1px,transparent 1px 9px);opacity:.6}
.xz-thermometer-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.xz-thermometer-copy small{color:var(--xz-secondary);font:10px/1.5 var(--xz-font)}
.xz-thermometer-copy strong{font:600 26px/1.25 var(--xz-font);font-variant-numeric:tabular-nums;letter-spacing:-.6px;color:var(--xz-text)}.xz-thermometer-copy em{font:500 13px var(--xz-font);margin-left:3px;color:var(--xz-secondary)}
.xz-thermometer-copy>span{font:9px/1.5 var(--xz-font);color:var(--xz-secondary)}.xz-thermometer[data-temperature-state=unknown] .xz-thermometer-bulb{background:var(--xz-subtle)}
@keyframes xz-gpu-fan-turn{to{transform:rotate(360deg)}}
@media(max-width:650px){.xz-thermometer{gap:8px;padding:10px 8px}.xz-thermometer-copy strong{font-size:23px}.xz-gpu-activity{font-size:9px}}
@media(prefers-reduced-motion:reduce){.xz-gpu-rotor{animation:none!important}.xz-thermometer-tube i{transition:none}}
html.xz-gpu-page-hidden .xz-gpu-rotor{animation-play-state:paused!important}

.xz-gpu-rotor[data-fan-managed=true]{animation:none!important}

#xz-observatory{max-width:1500px;margin:0 auto}.xz-observatory-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:29px}.xz-observatory-heading h1{font-size:30px;font-weight:650;letter-spacing:-.7px;margin:8px 0 12px}.xz-observatory-heading p{color:var(--xz-muted);font-size:14px}.xz-live-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--xz-secondary);white-space:nowrap;padding:11px 15px;border:1px solid var(--xz-border);border-radius:22px;background:var(--xz-surface);margin-top:8px}.xz-live-status i,.xz-node-health i,.xz-presence-state i{width:7px;height:7px;background:#639780;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #63978013}.xz-live-status i{animation:xz-soft-pulse 3s ease-in-out infinite}.xz-live-status[data-stale=true] i{background:#b39a72;animation:none}.xz-overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.xz-overview-metric{position:relative;overflow:hidden;min-height:147px;padding:23px 25px;border-radius:18px;border:1px solid var(--xz-border);background:var(--xz-surface);box-shadow:0 5px 20px #1b3b6310}.xz-overview-metric>span{display:block;font-size:13px;color:var(--xz-secondary)}.xz-overview-metric strong{display:block;font-size:43px;font-weight:600;letter-spacing:-1.5px;line-height:1.5;font-variant-numeric:tabular-nums}.xz-overview-metric small{font-size:11px;color:var(--xz-muted)}.xz-overview-metric>i{position:absolute;right:-18px;top:-28px;width:95px;height:95px;border:18px solid var(--xz-tint);border-radius:50%}.xz-gpu-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:25px}.xz-node-card{border:1px solid var(--xz-border);border-radius:21px;background:linear-gradient(145deg,var(--xz-surface),color-mix(in srgb,var(--xz-accent) 3%,var(--xz-surface)));padding:25px;box-shadow:0 7px 25px #1b3b6310}.xz-node-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.xz-node-kicker{font-size:10px;letter-spacing:.12em;color:var(--xz-accent);font-weight:650}.xz-node-heading h2{font-size:22px;margin:7px 0 0;font-weight:600}.xz-node-health{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--xz-secondary);white-space:nowrap}.xz-node-health.xz-offline i{background:var(--xz-danger)}.xz-node-body{display:flex;gap:20px;align-items:center;padding-top:20px}.xz-gauge{position:relative;flex:0 0 145px;width:145px;padding-bottom:22px}.xz-gauge svg{width:145px;height:145px;transform:rotate(-90deg)}.xz-gauge circle{fill:none;stroke-width:8;stroke-linecap:round}.xz-gauge-track{stroke:var(--xz-border)}.xz-gauge-value{stroke:var(--xz-accent);stroke-dasharray:302;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.7,.2,1)}.xz-gauge>div{position:absolute;top:40px;width:100%;text-align:center}.xz-gauge strong{display:block;font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}.xz-gauge strong small{font-size:15px}.xz-gauge span{display:block;font-size:10px;color:var(--xz-muted);margin-top:4px}.xz-gauge p{position:absolute;bottom:0;margin:0;width:100%;text-align:center;font-size:12px;color:var(--xz-secondary)}.xz-node-bars{flex:1;min-width:0}.xz-resource-bar{margin:12px 0}.xz-resource-bar>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--xz-secondary);margin-bottom:8px}.xz-resource-bar b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.xz-resource-bar>i{display:block;height:6px;background:var(--xz-border);border-radius:6px;overflow:hidden}.xz-resource-bar>i>span{height:100%;display:block;background:linear-gradient(90deg,color-mix(in srgb,var(--xz-accent) 55%,white),var(--xz-accent));border-radius:6px;transition:width 1.1s ease}.xz-node-allocation{display:flex;align-items:center;gap:9px;margin-top:17px;color:var(--xz-muted);font-size:10px}.xz-node-allocation strong{font-size:21px;color:var(--xz-accent)}.xz-dashboard-panel{padding:25px;border:1px solid var(--xz-border);border-radius:20px;background:var(--xz-surface);margin-bottom:23px;box-shadow:0 5px 20px #1b3b6310}.xz-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.xz-panel-heading h2{font-size:18px;font-weight:650;margin:0}.xz-panel-heading p{font-size:12px;color:var(--xz-muted);margin:9px 0 0;line-height:1.8}.xz-queue-summary{font-size:12px;color:var(--xz-secondary)}.xz-training-timeline{height:55px;display:flex;align-items:flex-end;gap:4px;overflow:hidden;border-bottom:1px solid var(--xz-border);margin-bottom:16px;background:linear-gradient(to top,var(--xz-tint),transparent)}.xz-training-timeline>div{flex:1;min-width:4px;max-width:22px;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:2px}.xz-training-timeline span,.xz-training-timeline i{display:block;min-height:2px;background:var(--xz-accent);border-radius:3px 3px 0 0;transition:height 1s}.xz-training-timeline i{background:color-mix(in srgb,var(--xz-accent) 35%,var(--xz-surface))}.xz-admin-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px}.xz-admin-task-list>div{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0;font-size:12px}.xz-admin-task-list>div>span:last-child{margin-left:auto;color:var(--xz-muted);font-size:11px}.xz-task-indicator{width:7px;height:7px;background:var(--xz-accent);border-radius:50%;animation:xz-soft-pulse 3s infinite}.xz-task-indicator.xz-waiting{animation:none;background:#b79b71}.xz-monitor-empty{font-size:13px;color:var(--xz-muted);grid-column:1/-1;padding:8px 0}.xz-presence-filters{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:13px}.xz-presence-filters>input{max-width:280px;flex:1;min-width:120px;padding:11px 13px;border:1px solid var(--xz-border);border-radius:10px;background:var(--xz-surface);color:var(--xz-text);font:13px var(--xz-font)}.xz-presence-filters label{display:flex;align-items:center;gap:8px;color:var(--xz-secondary);white-space:nowrap}.xz-presence-filters select{border:1px solid var(--xz-border);background:var(--xz-surface);color:var(--xz-text);padding:7px 9px;border-radius:8px}.xz-presence-table-wrap{overflow-x:auto}.xz-presence-table{width:100%;min-width:660px;border-collapse:separate;border-spacing:0;font-size:14px}.xz-presence-table th{text-align:left;color:var(--xz-secondary);font-size:12px;font-weight:650;background:var(--xz-subtle);padding:15px 13px}.xz-presence-table td{padding:16px 13px;vertical-align:middle;border-bottom:1px solid var(--xz-border)}.xz-presence-table tr:nth-child(odd) td{background:color-mix(in srgb,var(--xz-accent) 4%,var(--xz-surface))}.xz-student-identity{display:flex;align-items:center;gap:11px}.xz-admin-face{width:38px;height:38px;object-fit:cover;border-radius:12px;vertical-align:middle}.xz-presence-state{display:flex;align-items:center;gap:8px;color:var(--xz-muted);font-size:12px}.xz-presence-state i{background:var(--xz-muted);box-shadow:none}.xz-presence-state.xz-is-online{color:#579078}.xz-presence-state.xz-is-online i{background:#639780;box-shadow:0 0 0 4px #63978013}.xz-presence-table button{border:1px solid var(--xz-border);border-radius:8px;background:var(--xz-tint);color:var(--xz-accent);padding:8px 12px;font:12px var(--xz-font);cursor:pointer;white-space:nowrap}.xz-history-list>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--xz-border);font-size:13px}.xz-history-list>div span{color:var(--xz-secondary)}@keyframes xz-soft-pulse{0%,100%{opacity:.6}50%{opacity:1}}@media(max-width:1250px){.xz-node-body{gap:12px}.xz-gauge{flex-basis:120px;width:120px}.xz-gauge svg{width:120px;height:120px}.xz-gauge>div{top:31px}.xz-gauge strong{font-size:24px}.xz-node-card{padding:20px}.xz-node-health{font-size:10px}.xz-resource-bar>div{font-size:10px}}@media(max-width:1050px){.xz-gpu-nodes{grid-template-columns:1fr}.xz-node-body{gap:25px}.xz-gauge{flex-basis:145px;width:145px}.xz-gauge svg{width:145px;height:145px}.xz-gauge>div{top:40px}.xz-overview-metrics{gap:12px}.xz-overview-metric{padding:18px}.xz-overview-metric strong{font-size:35px}.xz-overview-metric small{font-size:10px}.xz-observatory-heading{flex-direction:column;gap:5px}}@media(max-width:650px){.xz-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.xz-overview-metric{min-height:120px}.xz-observatory-heading h1{font-size:24px}.xz-node-card,.xz-dashboard-panel{padding:18px}.xz-node-body{gap:12px}.xz-node-kicker{font-size:9px}.xz-node-heading h2{font-size:19px}.xz-gauge{flex-basis:112px;width:112px}.xz-gauge svg{width:112px;height:112px}.xz-gauge>div{top:28px}.xz-gauge strong{font-size:23px}.xz-gauge p{font-size:11px}.xz-resource-bar>div{display:block;font-size:10px}.xz-resource-bar b{display:block;margin-top:3px}.xz-presence-filters{flex-wrap:wrap;gap:12px}.xz-presence-filters>input{max-width:none;flex-basis:100%}.xz-admin-task-list{grid-template-columns:1fr}.xz-panel-heading{gap:12px}.xz-queue-summary{font-size:10px}.xz-history-list>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.xz-gauge-value,.xz-resource-bar>i>span,.xz-training-timeline span,.xz-training-timeline i{transition:none}.xz-live-status i,.xz-task-indicator{animation:none}}

/* The console overview surfaces live decisions; full monitoring remains one click away. */
.xz-home-overview-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:19px}
.xz-home-overview-heading h2{font-size:20px;margin:0;font-weight:650}.xz-home-overview-heading .xz-live-status{margin:0}
.xz-home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}
.xz-home-metrics .xz-overview-metric{min-height:130px;padding:19px 20px}.xz-home-metrics .xz-overview-metric strong{font-size:36px}.xz-home-metrics .xz-overview-metric small{display:block;line-height:1.7}
.xz-home-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xz-home-node{min-width:0;padding:20px;border:1px solid var(--xz-border);border-radius:14px;background:var(--xz-subtle)}
.xz-home-node h3{margin:0;font-size:17px;font-weight:650}.xz-home-node .xz-resource-bar{margin:18px 0}.xz-home-node .xz-resource-bar>div{font-size:12px}
.xz-home-node-slots{font-size:12px;color:var(--xz-secondary);margin:17px 0 0;line-height:1.8}.xz-home-node-slots strong{color:var(--xz-accent);font-size:17px;margin:0 3px}
.xz-home-detail-link{color:var(--xz-accent);font-size:13px;line-height:1.6;white-space:nowrap;text-decoration:none}.xz-home-detail-link:hover{text-decoration:underline}
.xz-home-presence-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.xz-home-presence-toolbar button{padding:8px 12px;border:1px solid var(--xz-border);border-radius:9px;background:var(--xz-subtle);color:var(--xz-secondary);font:13px var(--xz-font);cursor:pointer}
.xz-home-presence-toolbar button[aria-pressed=true]{border-color:var(--xz-accent);color:var(--xz-accent);background:var(--xz-tint)}
.xz-home-presence-count,.xz-home-presence-note{color:var(--xz-secondary);font-size:12px;line-height:1.8}.xz-home-presence-note{margin:15px 0 0}
.xz-home-presence-wrap{overflow-x:auto}.xz-home-presence{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:14px}
.xz-home-presence th{text-align:left;background:var(--xz-subtle);font-size:12px;font-weight:650;color:var(--xz-secondary);padding:13px 12px}
.xz-home-presence td{padding:14px 12px;border-bottom:1px solid var(--xz-border);color:var(--xz-text);vertical-align:middle;white-space:nowrap}
.xz-home-presence tbody tr:nth-child(odd) td{background:color-mix(in srgb,var(--xz-accent) 4%,var(--xz-surface))}
#xz-teaching-overview~.xz-workspace-card{padding:25px}#xz-teaching-overview~.xz-workspace-card .xz-workspace-art{display:none}
@media(max-width:1150px){.xz-home-resources{grid-template-columns:1fr}.xz-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.xz-home-metrics{gap:10px}.xz-home-metrics .xz-overview-metric{padding:15px;min-height:120px}.xz-home-metrics .xz-overview-metric strong{font-size:31px}.xz-home-node{padding:15px}.xz-home-detail-link{white-space:normal}.xz-home-overview-heading .xz-live-status{font-size:11px;padding:9px 11px}}

/* Soft telemetry surfaces: dimensional hardware, calm color and clear hierarchy. */
#xz-observatory{--xz-telemetry-line:color-mix(in srgb,var(--xz-accent) 12%,transparent)}
#xz-observatory .xz-observatory-heading{padding:8px 0 2px}#xz-observatory .xz-observatory-heading h1{font-size:30px;line-height:1.4;letter-spacing:0}
#xz-observatory .xz-node-card{position:relative;overflow:hidden;border-radius:24px;border-color:color-mix(in srgb,var(--xz-accent) 24%,var(--xz-border));background:radial-gradient(ellipse at 94% 0%,#a0d8ee38,transparent 60%),linear-gradient(145deg,var(--xz-surface),color-mix(in srgb,var(--xz-accent) 7%,var(--xz-surface)));box-shadow:0 12px 40px #203d6010,inset 0 1px 0 #ffffff66}
#xz-observatory .xz-node-card:nth-child(2){background:radial-gradient(ellipse at 95% 0%,#8edac52e,transparent 62%),linear-gradient(145deg,var(--xz-surface),color-mix(in srgb,#4e9b91 6%,var(--xz-surface)))}
#xz-observatory .xz-node-card::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--xz-telemetry-line) 1px,transparent 1px),linear-gradient(90deg,var(--xz-telemetry-line) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,transparent 30%,#0008);opacity:.28}
#xz-observatory .xz-node-card>*{position:relative}.xz-hardware-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.xz-hardware-identity{display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--xz-border)}
.xz-gpu-art{display:block;width:148px;height:112px;object-fit:cover;filter:drop-shadow(0 10px 8px #17395820)}
.xz-hardware-identity h2{font-size:19px!important;line-height:1.4;margin:0 0 11px!important;font-weight:650;letter-spacing:-.3px}
.xz-hardware-tags{display:flex;flex-wrap:wrap;gap:7px}.xz-hardware-tags span,.xz-hardware-tags strong{padding:5px 8px;border:1px solid color-mix(in srgb,var(--xz-accent) 22%,var(--xz-border));border-radius:8px;color:var(--xz-accent);background:color-mix(in srgb,var(--xz-surface) 76%,transparent);font-size:11px;font-weight:600;white-space:nowrap}
.xz-hardware-identity p{font-size:10px;line-height:1.6;color:var(--xz-secondary);margin:7px 0 0}
#xz-observatory .xz-node-body{padding-top:20px}#xz-observatory .xz-gauge-value{stroke:var(--xz-accent);filter:drop-shadow(0 2px 4px var(--xz-ring))}
#xz-observatory .xz-overview-metric{border-radius:21px;background:linear-gradient(145deg,var(--xz-surface),var(--xz-subtle));box-shadow:0 8px 25px #203d600b}
#xz-observatory .xz-overview-metric[data-kind=online]{border-top:3px solid #6fa893}#xz-observatory .xz-overview-metric[data-kind=running]{border-top:3px solid #7b9fc4}#xz-observatory .xz-overview-metric[data-kind=waiting]{border-top:3px solid #bda77f}#xz-observatory .xz-overview-metric[data-kind=free]{border-top:3px solid #8e9bbe}
#xz-observatory .xz-dashboard-panel{border-radius:22px;box-shadow:0 8px 28px #203d6009;background:linear-gradient(150deg,var(--xz-surface),color-mix(in srgb,var(--xz-surface) 98%,var(--xz-accent)))}
#xz-observatory .xz-panel-heading h2{font-size:19px;line-height:1.5}#xz-observatory .xz-panel-heading p{font-size:13px}
.xz-container-summary{font-size:12px;color:var(--xz-secondary);white-space:nowrap}.xz-container-filters{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 18px}
.xz-container-filters>input{flex:1;min-width:180px;max-width:350px}.xz-container-filters>input,.xz-container-filters select{padding:10px 12px;border:1px solid var(--xz-border);border-radius:10px;background:var(--xz-surface);color:var(--xz-text);font:13px var(--xz-font)}
.xz-container-filters label{display:flex;gap:7px;align-items:center;color:var(--xz-secondary);font-size:13px;white-space:nowrap}.xz-container-table-wrap{overflow-x:auto;border:1px solid var(--xz-border);border-radius:13px}
.xz-container-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:13px}.xz-container-table th{padding:14px;text-align:left;white-space:nowrap;background:var(--xz-subtle);color:var(--xz-secondary);font-size:12px;font-weight:650}.xz-container-table td{padding:16px 14px;vertical-align:middle;border-top:1px solid var(--xz-border)}
.xz-container-table tr:nth-child(odd) td{background:color-mix(in srgb,var(--xz-accent) 4%,var(--xz-surface))}.xz-container-table td>strong{display:block;font-size:14px}.xz-container-table small{display:block;color:var(--xz-secondary);font-size:11px;margin-top:5px}
.xz-container-table code{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;font:10px/1.6 var(--xz-mono);white-space:nowrap;color:var(--xz-muted);background:transparent;margin-top:5px;padding:0}
.xz-container-amount{display:block;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.xz-container-meter{display:block;height:5px;background:var(--xz-border);border-radius:4px;margin-top:10px;overflow:hidden}.xz-container-meter i{display:block;height:100%;border-radius:4px;background:var(--xz-accent);transition:width 1s}
.xz-container-phase{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.xz-container-phase i{width:6px;height:6px;border-radius:50%;background:#baa77f}.xz-container-phase[data-phase=Running] i{background:#6fa893}.xz-container-phase[data-phase=Failed] i{background:var(--xz-danger)}
.xz-container-gpu{display:block;max-width:190px;font-size:11px;line-height:1.7;color:var(--xz-secondary)}.xz-container-note{color:var(--xz-secondary);font-size:11px;line-height:1.8;margin:15px 0 0}
html[data-xz-mode=dark] #xz-observatory .xz-node-card{background:radial-gradient(ellipse at 95% 0%,#498dbd30,transparent 65%),linear-gradient(145deg,#1d2e43,#182330);box-shadow:0 14px 45px #0003,inset 0 1px 0 #a9d8ff14}
html[data-xz-mode=dark] #xz-observatory .xz-node-card:nth-child(2){background:radial-gradient(ellipse at 95% 0%,#3f9f9226,transparent 65%),linear-gradient(145deg,#1d303b,#192530)}
@media(max-width:1250px){.xz-hardware-identity{grid-template-columns:112px minmax(0,1fr);gap:12px}.xz-gpu-art{width:112px;height:95px}.xz-hardware-identity h2{font-size:17px!important}}
@media(max-width:650px){#xz-observatory .xz-observatory-heading h1{font-size:25px}.xz-hardware-identity{grid-template-columns:105px minmax(0,1fr);gap:10px}.xz-gpu-art{width:105px;height:90px}.xz-hardware-identity h2{font-size:16px!important}.xz-hardware-topline .xz-node-kicker{font-size:9px}.xz-container-summary{white-space:normal;text-align:right}.xz-container-filters>input{max-width:none;flex-basis:100%}.xz-container-filters select{max-width:180px}.xz-container-panel .xz-panel-heading{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.xz-container-meter i{transition:none}}

/* GPU artwork and temperature column. */
.xz-node-telemetry{width:145px;flex:0 0 145px;min-width:0}.xz-node-telemetry .xz-gauge{width:100%}.xz-node-telemetry .xz-gauge p:empty{display:none}
.xz-node-telemetry .xz-thermometer{margin-top:6px}.xz-hardware-identity{padding-bottom:15px}.xz-hardware-identity .xz-gpu-art{height:90px}
@media(max-width:1250px){.xz-node-telemetry{width:120px;flex-basis:120px}.xz-hardware-identity .xz-gpu-art{height:75px}}
@media(max-width:1050px){.xz-node-telemetry{width:145px;flex-basis:145px}}
@media(max-width:650px){.xz-node-telemetry{width:112px;flex-basis:112px}.xz-hardware-identity .xz-gpu-art{height:68px}}

/* xuanzhi-language-hints-v1 */
/* Expected reservation prerequisites use guidance instead of error styling. */
.xz-form-hint{display:flex;flex-direction:column;gap:7px;padding:13px 15px;border:1px solid var(--xz-border);border-left:3px solid var(--xz-accent);border-radius:10px;background:var(--xz-tint);color:var(--xz-secondary)!important;line-height:1.75;overflow-wrap:anywhere}
.xz-form-hint strong{color:var(--xz-accent);font-size:14px}.xz-reservation-hint-action{align-self:flex-start;cursor:pointer;font:inherit;color:var(--xz-accent);background:var(--xz-surface);border:1px solid var(--xz-border);border-radius:8px;padding:7px 11px;margin-top:3px}

/* xuanzhi-visual-themes-v1 */
/* XuanZhi Observatory · visual themes v1. Original vector artwork. */
:root { --xz-scene-hue:0deg; --xz-scene-saturation:.85; --xz-shell-glass:color-mix(in srgb,var(--xz-surface) 90%,transparent); --xz-atmosphere:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--xz-accent) 13%,transparent),transparent 58%),radial-gradient(ellipse at 5% 95%,color-mix(in srgb,var(--xz-accent) 7%,transparent),transparent 55%); }
:root[data-xz-accent="green"] { --xz-scene-hue:-64deg; }
:root[data-xz-accent="violet"] { --xz-scene-hue:40deg; }
:root[data-xz-accent="slate"] { --xz-scene-saturation:.12; }
.xz-theme-trigger { width:auto; min-width:40px; gap:7px; padding:8px 11px; border-color:var(--xz-border); background:var(--xz-surface); font:600 12px/1.3 var(--xz-font); }
.xz-theme-trigger .xz-accent-indicator { right:9px; bottom:6px; }
.xz-theme-popover { width:360px; max-width:calc(100vw - 24px); padding:19px; border-radius:20px; background:var(--xz-elevated); box-shadow:0 24px 70px #14243b24,0 2px 9px #14243b08; max-height:calc(100dvh - 100px); overflow:auto; overscroll-behavior:contain; text-align:left; }
.xz-theme-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:15px; color:var(--xz-text); }
.xz-theme-heading strong { font:650 15px/1.5 var(--xz-font); }
.xz-theme-close { display:grid; place-items:center; width:27px; height:27px; flex:none; padding:0; border:1px solid var(--xz-border); border-radius:50%; background:var(--xz-subtle); color:var(--xz-secondary); font:20px/1 var(--xz-font); cursor:pointer; }
.xz-theme-popover .xz-popover-label { margin:14px 0 9px; padding:0; font-size:11px; letter-spacing:.06em; font-weight:650; }
.xz-theme-modes { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.xz-theme-modes button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:7px; border:1px solid var(--xz-border); border-radius:10px; background:var(--xz-subtle); color:var(--xz-secondary); font:550 13px/1.4 var(--xz-font); cursor:pointer; }
.xz-theme-modes svg { width:17px; height:17px; }
.xz-theme-modes button[aria-pressed="true"] { color:var(--xz-accent); background:var(--xz-tint); border-color:var(--xz-accent); }
.xz-theme-popover .xz-palette-options { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.xz-theme-popover .xz-palette-option { position:relative; flex-direction:column; gap:7px; min-width:0; padding:10px 2px; border:1px solid transparent; font-size:11px; text-align:center; }
.xz-theme-popover .xz-palette-option[aria-checked="true"] { border-color:var(--xz-accent); background:var(--xz-tint); }
.xz-theme-popover .xz-swatch { width:23px; height:23px; box-shadow:inset 0 1px 2px #ffffff80,0 2px 5px #12223a15; }
.xz-theme-popover .xz-option-check { position:absolute; top:11px; left:0; right:0; margin:0; color:#fff; font-weight:700; }
.xz-icon-styles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.xz-icon-style-option { position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; padding:13px 7px 10px; border:1px solid var(--xz-border); border-radius:13px; background:linear-gradient(145deg,var(--xz-surface),var(--xz-subtle)); color:var(--xz-text); font:550 11px/1.5 var(--xz-font); cursor:pointer; }
.xz-icon-style-preview { display:flex; align-items:center; justify-content:center; gap:2px; width:100%; height:43px; pointer-events:none; }
.xz-icon-style-preview svg { width:37px; height:40px; }
.xz-icon-style-option:hover { background:var(--xz-tint); border-color:var(--xz-accent); }
.xz-icon-style-option[aria-checked="true"] { border-color:var(--xz-accent); box-shadow:inset 0 0 0 1px var(--xz-accent); background:var(--xz-tint); }
.xz-style-check { position:absolute; right:6px; top:5px; display:none; width:16px; height:16px; border-radius:50%; background:var(--xz-accent); color:var(--xz-surface); font:700 11px/16px var(--xz-font); text-align:center; }
.xz-icon-style-option[aria-checked="true"] .xz-style-check { display:block; }
.xz-theme-note { margin:13px 0 0!important; color:var(--xz-secondary)!important; font:11px/1.6 var(--xz-font)!important; }
/* Login: a softly illuminated orbital sculpture with a technical grid. */
body.xz-login-page { background:var(--xz-bg); }
body.xz-login-page::before { background:url("xuanzhi-atmosphere.svg") center 52% / cover no-repeat; opacity:.82; filter:hue-rotate(var(--xz-scene-hue)) saturate(var(--xz-scene-saturation)); }
body.xz-login-page::after { background:radial-gradient(ellipse at 20% 15%,color-mix(in srgb,var(--xz-surface) 88%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--xz-bg) 20%,transparent),transparent 70%,color-mix(in srgb,var(--xz-bg) 60%,transparent)); }
html[data-xz-mode="dark"] body.xz-login-page::before { opacity:.6; filter:hue-rotate(var(--xz-scene-hue)) saturate(var(--xz-scene-saturation)); }
html[data-xz-mode="dark"] body.xz-login-page::after { background:linear-gradient(120deg,color-mix(in srgb,var(--xz-bg) 88%,transparent),color-mix(in srgb,var(--xz-bg) 42%,transparent) 65%,color-mix(in srgb,var(--xz-bg) 70%,transparent)); }
.xz-login-page .xz-topbar { background:transparent; }
.xz-login-page .xz-login-layout { gap:75px; }
.xz-login-page .xz-eyebrow { letter-spacing:.22em; color:var(--xz-accent); }
.xz-login-page .xz-small-line { width:28px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--xz-accent),color-mix(in srgb,var(--xz-accent) 20%,transparent)); }
.xz-login-page .xz-login-story h1 { font-weight:650; letter-spacing:-.025em; line-height:1.35; margin-bottom:23px; }
.xz-login-page .xz-accent-text { color:var(--xz-accent-hover); }
.xz-login-page .xz-login-description { color:var(--xz-text); opacity:.8; }
.xz-login-page .xz-login-card { position:relative; border:1px solid color-mix(in srgb,var(--xz-accent) 18%,var(--xz-border)); border-radius:26px; background:color-mix(in srgb,var(--xz-surface) 94%,transparent); box-shadow:0 25px 75px color-mix(in srgb,var(--xz-accent) 13%,transparent),inset 0 1px #ffffff60; backdrop-filter:blur(22px); }
.xz-login-page .xz-login-card::before { content:""; position:absolute; height:2px; inset:0 32px auto; background:linear-gradient(90deg,transparent,var(--xz-accent),transparent); opacity:.65; }
.xz-login-page .xz-experiment-visual { background:color-mix(in srgb,var(--xz-surface) 75%,transparent); border:1px solid color-mix(in srgb,var(--xz-accent) 24%,var(--xz-border)); border-radius:18px; box-shadow:0 12px 36px color-mix(in srgb,var(--xz-accent) 9%,transparent),inset 0 1px #ffffff70; backdrop-filter:blur(14px); }
.xz-login-page .xz-visual-top { color:var(--xz-secondary); }
.xz-login-page .xz-flow-svg { height:160px; background:url("xuanzhi-atmosphere.svg") center 66% / 155% auto no-repeat; filter:hue-rotate(var(--xz-scene-hue)) saturate(var(--xz-scene-saturation)); }
.xz-login-page .xz-flow-svg>* { visibility:hidden; }
.xz-login-page .xz-visual-stages { border-top:1px solid var(--xz-border); padding-top:15px; }
.xz-login-page .xz-stage-number { border:1px solid color-mix(in srgb,var(--xz-accent) 20%,var(--xz-border)); background:var(--xz-tint); }
/* Interior: layered surfaces, with quiet ornament confined to navigation and launchers. */
body.xz-authenticated { background-image:var(--xz-atmosphere); background-attachment:fixed; }
.xz-authenticated .xz-topbar { background:var(--xz-shell-glass); backdrop-filter:blur(18px); border-bottom-color:color-mix(in srgb,var(--xz-accent) 12%,var(--xz-border)); }
.xz-authenticated .xz-sidebar { background:linear-gradient(165deg,var(--xz-surface) 50%,var(--xz-tint)); box-shadow:4px 0 30px color-mix(in srgb,var(--xz-accent) 4%,transparent); }
.xz-authenticated .xz-main { position:relative; }
.xz-authenticated .xz-feature-card,.xz-authenticated .xz-stat-card,.xz-authenticated .xz-lab-card { border-color:color-mix(in srgb,var(--xz-accent) 13%,var(--xz-border)); box-shadow:0 6px 24px color-mix(in srgb,var(--xz-accent) 6%,transparent); }
.xz-authenticated .xz-feature-card:hover { box-shadow:0 12px 30px color-mix(in srgb,var(--xz-accent) 12%,transparent); }
html[data-xz-surface="lab"] .xz-lab-header { background:var(--xz-shell-glass); backdrop-filter:blur(18px); border-bottom-color:color-mix(in srgb,var(--xz-accent) 14%,var(--xz-border)); }
html[data-xz-surface="lab"] #jp-main-dock-panel { background:var(--xz-atmosphere),var(--xz-bg); }
html[data-xz-surface="lab"] .jp-Launcher { position:relative; isolation:isolate; background:var(--xz-atmosphere),var(--xz-bg); }
html[data-xz-surface="lab"] .jp-Launcher::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:url("xuanzhi-atmosphere.svg") center 30%/cover no-repeat; filter:hue-rotate(var(--xz-scene-hue)) saturate(var(--xz-scene-saturation)); opacity:.16; }
html[data-xz-surface="lab"][data-xz-mode="dark"] .jp-Launcher::before { opacity:.09; }
html[data-xz-surface="lab"] .xz-launcher-intro { position:relative; padding:8px 4px 20px; margin-bottom:3px; border-bottom:1px solid color-mix(in srgb,var(--xz-accent) 20%,var(--xz-border)); }
html[data-xz-surface="lab"] .xz-launcher-intro::after { content:""; position:absolute; bottom:-1px; left:4px; height:3px; width:42px; border-radius:4px; background:var(--xz-accent); }
html[data-xz-surface="lab"] .jp-LauncherCard { background:linear-gradient(145deg,color-mix(in srgb,var(--xz-surface) 97%,transparent),color-mix(in srgb,var(--xz-surface) 85%,var(--xz-tint))); border-color:color-mix(in srgb,var(--xz-accent) 13%,var(--xz-border)); border-radius:20px; box-shadow:0 5px 18px color-mix(in srgb,var(--xz-accent) 5%,transparent),inset 0 1px #ffffff28; transition:transform .18s,box-shadow .18s,border-color .18s; }
html[data-xz-surface="lab"] .jp-LauncherCard:hover { background:linear-gradient(145deg,var(--xz-surface),var(--xz-tint)); border-color:var(--xz-accent); box-shadow:0 12px 30px color-mix(in srgb,var(--xz-accent) 14%,transparent); transform:translateY(-3px); }
html[data-xz-surface="lab"] .jp-LauncherCard-icon[data-xz-launcher-icon]::after { width:88px; height:92px; }
html[data-xz-surface="lab"] #jp-left-stack { background:linear-gradient(180deg,var(--xz-surface),var(--xz-subtle)); }
html[data-xz-surface="lab"] .xz-workspace-guide { background:linear-gradient(155deg,var(--xz-surface),color-mix(in srgb,var(--xz-tint) 65%,var(--xz-surface))); border-radius:13px; margin-bottom:10px; }
html[data-xz-surface="lab"] .xz-workspace-shortcut { background:var(--xz-surface); box-shadow:0 3px 9px color-mix(in srgb,var(--xz-accent) 6%,transparent); }
html[data-xz-surface="lab"] .jp-SideBar .lm-TabBar-tab.lm-mod-current { box-shadow:inset 3px 0 var(--xz-accent); background:var(--xz-tint); }
@media(max-width:700px) { .xz-theme-trigger { padding:7px; }.xz-theme-trigger>span[data-xz-zh] { display:none; }.xz-theme-popover { position:fixed; top:145px; right:12px; max-height:calc(100dvh - 160px); }.xz-public .xz-theme-popover { top:120px; max-height:calc(100dvh - 135px); }.xz-authenticated .xz-theme-popover { top:84px; max-height:calc(100dvh - 100px); }.xz-login-page .xz-login-layout { gap:32px; }.xz-login-page .xz-flow-svg { height:130px; } }
@media(prefers-reduced-transparency:reduce) { .xz-login-page .xz-login-card,.xz-theme-popover,.xz-authenticated .xz-topbar,.xz-lab-header { background:var(--xz-surface); backdrop-filter:none; } }
@media(prefers-reduced-motion:reduce) { html[data-xz-surface="lab"] .jp-LauncherCard { transition:none; }html[data-xz-surface="lab"] .jp-LauncherCard:hover { transform:none; } }
/* Keep the compact panel within the viewport and above Lab's native button defaults. */
html .xz-theme-popover,html .xz-theme-popover * { box-sizing:border-box; }
html[data-xz-surface] .xz-theme-trigger { border-radius:10px; }
html[data-xz-surface] .xz-theme-popover .xz-theme-close { border-radius:50%; }
html[data-xz-surface] .xz-theme-popover .xz-theme-modes button { border-radius:10px; }
html[data-xz-surface] .xz-theme-popover .xz-palette-option { border-radius:10px; }
html[data-xz-surface] .xz-theme-popover .xz-icon-style-option { border-radius:13px; }

/* Login icon sizing and independent SVG instance references. */
.xz-login-welcome-mark svg { width:27px; height:28px; }

/* Deeper login backdrop; the login card retains its readable surface. */
body.xz-login-page { --xz-login-canvas:#cbd9e9; background:var(--xz-login-canvas); }
body.xz-login-page::after { background:radial-gradient(ellipse at 20% 15%,#edf3fa80,transparent 72%),linear-gradient(180deg,#cbd9e933,transparent 70%,#cbd9e999); }
html[data-xz-mode="dark"] body.xz-login-page { --xz-login-canvas:#091321; }
html[data-xz-mode="dark"] body.xz-login-page::before { opacity:.52; }
html[data-xz-mode="dark"] body.xz-login-page::after { background:linear-gradient(120deg,#091321eb,#091321a6 65%,#091321d9); }

/* Login theme linkage v1: deeper canvas and overlays follow the selected accent. */
:root { --xz-login-light:#cbd9e9; --xz-login-dark:#091321; }
:root[data-xz-accent="green"] { --xz-login-light:#ccdeda; --xz-login-dark:#0b1a17; }
:root[data-xz-accent="violet"] { --xz-login-light:#d9d1e8; --xz-login-dark:#171125; }
:root[data-xz-accent="slate"] { --xz-login-light:#d5dce3; --xz-login-dark:#111923; }
body.xz-login-page { --xz-login-canvas:var(--xz-login-light); background:var(--xz-login-canvas); }
body.xz-login-page::after { background:radial-gradient(ellipse at 20% 15%,color-mix(in srgb,color-mix(in srgb,var(--xz-login-canvas) 45%,white) 50%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--xz-login-canvas) 20%,transparent),transparent 70%,color-mix(in srgb,var(--xz-login-canvas) 60%,transparent)); }
html[data-xz-mode="dark"] body.xz-login-page { --xz-login-canvas:var(--xz-login-dark); }
html[data-xz-mode="dark"] body.xz-login-page::before { opacity:.52; }
html[data-xz-mode="dark"] body.xz-login-page::after { background:linear-gradient(120deg,color-mix(in srgb,var(--xz-login-canvas) 92%,transparent),color-mix(in srgb,var(--xz-login-canvas) 65%,transparent) 65%,color-mix(in srgb,var(--xz-login-canvas) 85%,transparent)); }

/* Login desktop skins v1: shared selection changes the entire login surface. */
:root[data-xz-icon-style="fluent"] { --xz-login-skin-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22300%22%20y1%3D%22200%22%20x2%3D%221200%22%20y2%3D%22900%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d6f0ff%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%2370a7d0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23224f80%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%22800%22%20y1%3D%22100%22%20x2%3D%22600%22%20y2%3D%221000%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eff9ff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237ab5d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23294f80%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M150%201000C80%20580%201180%201040%201100%20550S780%20130%201470%2060C1250%20410%201650%20510%201540%20760S800%20850%20740%201100Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M195%201000C106%20580%201135%201040%201081%20550S744%20130%201445%2060C1240%20410%201623%20510%201506%20760S758%20850%20705%201100Z%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M240%201000C132%20580%201090%201040%201062%20550S708%20130%201420%2060C1230%20410%201596%20510%201472%20760S716%20850%20670%201100Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M285%201000C158%20580%201045%201040%201043%20550S672%20130%201395%2060C1220%20410%201569%20510%201438%20760S674%20850%20635%201100Z%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M330%201000C184%20580%201000%201040%201024%20550S636%20130%201370%2060C1210%20410%201542%20510%201404%20760S632%20850%20600%201100Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M375%201000C210%20580%20955%201040%201005%20550S600%20130%201345%2060C1200%20410%201515%20510%201370%20760S590%20850%20565%201100Z%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M420%201000C236%20580%20910%201040%20986%20550S564%20130%201320%2060C1190%20410%201488%20510%201336%20760S548%20850%20530%201100Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%23d8efff%22%20stroke-opacity%3D%22.3%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
:root[data-xz-icon-style="macos"] { --xz-login-skin-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22300%22%20y1%3D%22200%22%20x2%3D%221200%22%20y2%3D%22900%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d6f0ff%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%2370a7d0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23224f80%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%22800%22%20y1%3D%22100%22%20x2%3D%22600%22%20y2%3D%221000%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eff9ff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237ab5d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23294f80%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%221190%22%20cy%3D%22410%22%20rx%3D%22460%22%20ry%3D%22400%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22M-150%201100C100%20300%20700%201400%20760%20650S1150%2040%201750%20330V1100Z%22%20fill%3D%22url%28%23a%29%22%2F%3E%3Cpath%20d%3D%22M-150%201140C150%20380%20740%201400%20810%20700S1190%20140%201750%20420%22%20stroke%3D%22%23e6f6ff%22%20stroke-width%3D%222%22%20stroke-opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-100%201100C350%20560%20620%201200%201080%20680S1600%20750%201800%20480V1100Z%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22M-100%201100C350%20560%20620%201200%201080%20680S1600%20750%201800%20480%22%20stroke%3D%22%23f0faff%22%20stroke-width%3D%222%22%20stroke-opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E"); }
:root[data-xz-icon-style="linux"] { --xz-login-skin-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%221000%22%20viewBox%3D%220%200%201600%201000%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22300%22%20y1%3D%22200%22%20x2%3D%221200%22%20y2%3D%22900%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d6f0ff%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%2370a7d0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23224f80%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%22800%22%20y1%3D%22100%22%20x2%3D%22600%22%20y2%3D%221000%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eff9ff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237ab5d9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23294f80%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200H1600V1000H0Z%22%20fill%3D%22url%28%23a%29%22%20opacity%3D%22.08%22%2F%3E%3Cpath%20d%3D%22M0%200V1000M0%200H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M80%200V1000M0%2080H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M160%200V1000M0%20160H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M240%200V1000M0%20240H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M320%200V1000M0%20320H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M400%200V1000M0%20400H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M480%200V1000M0%20480H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M560%200V1000M0%20560H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M640%200V1000M0%20640H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M720%200V1000M0%20720H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M800%200V1000M0%20800H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M880%200V1000M0%20880H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M960%200V1000M0%20960H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1040%200V1000M0%201040H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1120%200V1000M0%201120H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1200%200V1000M0%201200H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1280%200V1000M0%201280H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1360%200V1000M0%201360H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1440%200V1000M0%201440H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1520%200V1000M0%201520H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22M1600%200V1000M0%201600H1600%22%20stroke%3D%22%23a2c6e0%22%20stroke-opacity%3D%22.15%22%2F%3E%3Ccircle%20cx%3D%221170%22%20cy%3D%22280%22%20r%3D%22115%22%20stroke%3D%22%23a9cfe9%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%221170%22%20cy%3D%22280%22%20r%3D%2295%22%20stroke%3D%22%23a9cfe9%22%20stroke-opacity%3D%22.3%22%2F%3E%3Cpath%20d%3D%22M0%201000%20480%20470%20670%20680%201050%20240%201600%20880V1000Z%22%20fill%3D%22url%28%23a%29%22%2F%3E%3Cpath%20d%3D%22m480%20470%2085%20530H0Zm570-230%20180%20760H565Z%22%20fill%3D%22%23d6ecfa%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22m1050%20240%20550%20640-370%20120Z%22%20fill%3D%22%23204b75%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22m0%201000%20480-530%20190%20210%20380-440%20550%20640M480%20470l85%20530%20485-760%20180%20760%22%20stroke%3D%22%23def2ff%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
html[data-xz-icon-style]:not([data-xz-icon-style="classic"]) body.xz-login-page::before { background:var(--xz-login-skin-art) center/cover no-repeat; opacity:.82; }
html[data-xz-icon-style]:not([data-xz-icon-style="classic"])[data-xz-mode="dark"] body.xz-login-page::before { opacity:.72; }
html[data-xz-icon-style]:not([data-xz-icon-style="classic"]) .xz-login-page .xz-flow-svg { background:var(--xz-login-skin-art) center 65%/cover no-repeat; }
/* Fluent: folded light, translucent layered surfaces and a crisp accent edge. */
html[data-xz-icon-style="fluent"] .xz-login-page #login-main.xz-login-card { border-radius:18px; background:color-mix(in srgb,var(--xz-surface) 88%,transparent); border-color:color-mix(in srgb,var(--xz-accent) 25%,var(--xz-border)); box-shadow:0 22px 65px #10243c25,inset 0 1px #ffffff88; backdrop-filter:blur(28px); }
html[data-xz-icon-style="fluent"] .xz-login-page .xz-login-card::before { inset:0 22px auto; height:3px; }
html[data-xz-icon-style="fluent"] .xz-login-page .form-control { border-radius:7px; border-bottom:2px solid color-mix(in srgb,var(--xz-accent) 55%,var(--xz-border)); }
html[data-xz-icon-style="fluent"] .xz-login-page .xz-login-submit { border-radius:8px; background:linear-gradient(125deg,var(--xz-accent-hover),var(--xz-accent)); box-shadow:0 6px 14px var(--xz-ring); }
html[data-xz-icon-style="fluent"] .xz-login-page .xz-experiment-visual { border-radius:16px; background:color-mix(in srgb,var(--xz-surface) 68%,transparent); }
/* Luminous: a floating rounded window over flowing, sculpted scenery. */
html[data-xz-icon-style="macos"] .xz-login-page #login-main.xz-login-card { padding-top:53px; border-radius:30px; background:color-mix(in srgb,var(--xz-surface) 93%,transparent); border:1px solid color-mix(in srgb,var(--xz-surface) 60%,var(--xz-border)); box-shadow:0 30px 80px #0b1e3a35,inset 0 1px #ffffff90; backdrop-filter:blur(32px); }
html[data-xz-icon-style="macos"] .xz-login-page .xz-login-card::before { inset:0 0 auto; height:34px; border-radius:30px 30px 0 0; background:linear-gradient(var(--xz-surface),var(--xz-subtle)); border-bottom:1px solid var(--xz-border); opacity:1; }
html[data-xz-icon-style="macos"] .xz-login-page .xz-login-card::after { content:""; pointer-events:none; position:absolute; width:9px; height:9px; top:13px; left:23px; border-radius:50%; background:#d88d88; box-shadow:17px 0 #d7b979,34px 0 #84b39b; }
html[data-xz-icon-style="macos"] .xz-login-page .form-control { border-radius:12px; box-shadow:inset 0 1px 3px #11243b09; }
html[data-xz-icon-style="macos"] .xz-login-page .xz-login-submit { border-radius:24px; background:linear-gradient(180deg,var(--xz-accent),var(--xz-accent-hover)); box-shadow:0 5px 14px var(--xz-ring),inset 0 1px #ffffff50; }
html[data-xz-icon-style="macos"] .xz-login-page .xz-experiment-visual { border-radius:26px; background:color-mix(in srgb,var(--xz-surface) 80%,transparent); box-shadow:0 16px 40px #11274218; }
html[data-xz-icon-style="macos"] .xz-login-page .xz-stage-number { border-radius:50%; }
/* Papercraft: faceted landscape, grid rhythm and clean, restrained panels. */
html[data-xz-icon-style="linux"] .xz-login-page #login-main.xz-login-card { border-radius:10px; background:var(--xz-surface); border:1px solid color-mix(in srgb,var(--xz-accent) 35%,var(--xz-border)); border-top:5px solid var(--xz-accent); box-shadow:10px 12px 0 color-mix(in srgb,var(--xz-accent) 12%,transparent),0 20px 45px #10243c18; backdrop-filter:none; }
html[data-xz-icon-style="linux"] .xz-login-page .xz-login-card::before { display:none; }
html[data-xz-icon-style="linux"] .xz-login-page .form-control { border-radius:5px; background:var(--xz-bg); }
html[data-xz-icon-style="linux"] .xz-login-page .xz-login-submit { border-radius:5px; background:var(--xz-accent); box-shadow:3px 3px 0 color-mix(in srgb,var(--xz-accent) 30%,transparent); }
html[data-xz-icon-style="linux"] .xz-login-page .xz-card-kicker,html[data-xz-icon-style="linux"] .xz-login-page .xz-eyebrow { font-family:var(--xz-mono); letter-spacing:.12em; }
html[data-xz-icon-style="linux"] .xz-login-page .xz-experiment-visual { border-radius:8px; background:color-mix(in srgb,var(--xz-surface) 86%,transparent); box-shadow:6px 6px 0 color-mix(in srgb,var(--xz-accent) 10%,transparent); }
html[data-xz-icon-style="linux"] .xz-login-page .xz-stage-number { border-radius:4px; }
@media(max-width:650px) { html[data-xz-icon-style]:not([data-xz-icon-style="classic"]) body.xz-login-page::before { background-position:60% center; }html[data-xz-icon-style="linux"] .xz-login-page #login-main.xz-login-card { box-shadow:5px 6px 0 color-mix(in srgb,var(--xz-accent) 12%,transparent); } }
@media(prefers-reduced-transparency:reduce) { html[data-xz-icon-style] .xz-login-page #login-main.xz-login-card { background:var(--xz-surface); backdrop-filter:none; } }

/* XuanZhi workspace card logo · 2026-10-31 */
.xz-workspace-art { isolation:isolate; }
.xz-workspace-logo { position:relative; z-index:1; display:block; width:150px; height:150px; object-fit:contain; filter:drop-shadow(0 9px 13px color-mix(in srgb,var(--xz-accent) 24%,transparent)); }

/* AI lattice login scene. Keep one recognizable visual across desktop themes. */
html[data-xz-surface="hub"] body.xz-login-page::before {
  background-image: url("login-ai-lattice-v2.webp") !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
  filter: hue-rotate(var(--xz-login-hue, 0deg)) saturate(var(--xz-login-saturation, 1)) !important;
}
html[data-xz-surface="hub"] body.xz-login-page::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--xz-login-canvas) 24%, transparent), transparent 54%),
              linear-gradient(180deg, color-mix(in srgb, var(--xz-login-canvas) 12%, transparent), transparent 42%, color-mix(in srgb, var(--xz-login-canvas) 12%, transparent)) !important;
}
html[data-xz-surface="hub"][data-xz-mode="dark"] body.xz-login-page::after {
  background: linear-gradient(90deg, rgba(6, 15, 34, .84), rgba(6, 15, 34, .48) 52%, rgba(6, 15, 34, .42)),
              linear-gradient(180deg, rgba(5, 12, 27, .28), transparent 34%, rgba(5, 12, 27, .34)) !important;
}
html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page :is(.xz-login-story h1, .xz-login-description, .xz-eyebrow, .xz-login-note, .xz-footer, .xz-brand, .xz-brand small) {
  color: #e7f1ff;
  opacity: 1;
}
html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page .xz-accent-text { color: #8bcaf9; }
html[data-xz-surface="hub"] .xz-login-page .xz-flow-svg {
  background-image: url("login-ai-workflow-v1.svg") !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(168, 217, 255, .3);
}
@media (max-width: 900px) {
  html[data-xz-surface="hub"] body.xz-login-page::before { background-position: 58% center !important; }
}
@media (max-width: 650px) {
  html[data-xz-surface="hub"] body.xz-login-page::before { background-position: 44% center !important; }
  html[data-xz-surface="hub"] body.xz-login-page::after {
    background: linear-gradient(180deg, color-mix(in srgb, var(--xz-login-canvas) 88%, transparent), color-mix(in srgb, var(--xz-login-canvas) 48%, transparent) 45%, color-mix(in srgb, var(--xz-login-canvas) 76%, transparent)) !important;
  }
  html[data-xz-surface="hub"][data-xz-mode="dark"] body.xz-login-page::after {
    background: linear-gradient(180deg, rgba(6, 15, 34, .91), rgba(6, 15, 34, .69) 45%, rgba(6, 15, 34, .87)) !important;
  }
}

/* Affiliation and translucent login card. Scoped to the sign-in page. */
html[data-xz-surface="hub"] .xz-login-page .xz-login-affiliation {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  max-width: min(72vw, 800px);
  margin-top: 7px;
  color: color-mix(in srgb, var(--xz-text) 72%, var(--xz-accent));
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1.45;
}
html[data-xz-surface="hub"] .xz-login-page .xz-login-affiliation span { overflow-wrap: anywhere; }
html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page .xz-login-affiliation { color: #d1e6fa; }

html[data-xz-surface="hub"] .xz-login-page #login-main.xz-login-card {
  background: color-mix(in srgb, var(--xz-surface) 54%, transparent) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
  border-color: color-mix(in srgb, var(--xz-surface) 65%, var(--xz-accent) 35%);
  box-shadow: 0 28px 72px rgba(8, 30, 65, .30), 0 8px 20px rgba(8, 30, 65, .14), inset 0 1px rgba(255, 255, 255, .48) !important;
}
html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page #login-main.xz-login-card {
  background: color-mix(in srgb, var(--xz-surface) 48%, transparent) !important;
  border-color: rgba(183, 221, 247, .35);
  box-shadow: 0 30px 78px rgba(1, 7, 22, .58), 0 8px 24px rgba(1, 7, 22, .32), inset 0 1px rgba(255, 255, 255, .12) !important;
}
html[data-xz-surface="hub"] .xz-login-page .xz-experiment-visual {
  box-shadow: 0 24px 56px rgba(8, 30, 65, .24), 0 6px 18px rgba(8, 30, 65, .12), inset 0 1px rgba(255, 255, 255, .55) !important;
}
html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page .xz-experiment-visual {
  box-shadow: 0 26px 66px rgba(1, 7, 22, .54), 0 7px 20px rgba(1, 7, 22, .28), inset 0 1px rgba(255, 255, 255, .10) !important;
}
@media (max-width: 900px) {
  html[data-xz-surface="hub"] .xz-login-page .xz-login-affiliation { max-width: 55vw; font-size: 12px; }
}
@media (max-width: 650px) {
  html[data-xz-surface="hub"] .xz-login-page .xz-login-affiliation { max-width: calc(100vw - 103px); gap: 0 8px; font-size: 12px; line-height: 1.4; }
}
@media (prefers-reduced-transparency: reduce) {
  html[data-xz-surface="hub"] .xz-login-page #login-main.xz-login-card,
  html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page #login-main.xz-login-card {
    background: var(--xz-surface) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-xz-surface="hub"] .xz-login-page #login-main.xz-login-card { background: color-mix(in srgb, var(--xz-surface) 94%, transparent) !important; }
}

/* Preserve text contrast if Firefox renders the blur with reduced quality. */
@-moz-document url-prefix() {
  html[data-xz-surface="hub"] .xz-login-page #login-main.xz-login-card {
    background: color-mix(in srgb, var(--xz-surface) 80%, transparent) !important;
  }
  html[data-xz-surface="hub"][data-xz-mode="dark"] .xz-login-page #login-main.xz-login-card {
    background: color-mix(in srgb, var(--xz-surface) 74%, transparent) !important;
  }
}