:root {
  color-scheme: light;
  --fog-canvas:#e9eef5;
  --fog-canvas-deep:#dde6f1;
  --fog-surface:rgba(247,250,254,.78);
  --fog-surface-strong:rgba(250,252,255,.94);
  --fog-surface-muted:rgba(226,234,246,.72);
  --fog-ink:#162a48;
  --fog-ink-soft:#405a7e;
  --fog-muted:#7084a1;
  --fog-faint:#93a3b9;
  --fog-line:rgba(94,126,173,.2);
  --fog-line-strong:rgba(40,112,213,.46);
  --fog-blue:#176bd7;
  --fog-blue-rgb:23,107,215;
  --fog-blue-soft:#dce9fb;
  --fog-violet:#786fe8;
  --fog-green:#17a564;
  --fog-red:#c65b68;
  --fog-amber:#c78b35;
  --fog-shadow:0 24px 70px rgba(53,76,112,.15),inset 0 1px 0 rgba(255,255,255,.78);
  --fog-shadow-soft:0 10px 32px rgba(60,83,119,.08),inset 0 1px 0 rgba(255,255,255,.62);
  --fog-font:Inter,"Noto Sans SC","Source Han Sans SC","Segoe UI",system-ui,-apple-system,sans-serif;
  --fog-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

html { background:var(--fog-canvas); }
body.fog-blue-page {
  color:var(--fog-ink);
  font-family:var(--fog-font);
  background:
    radial-gradient(circle at 10% 7%,rgba(255,255,255,.98),transparent 30rem),
    radial-gradient(circle at 91% 88%,rgba(183,207,239,.34),transparent 34rem),
    linear-gradient(145deg,#eef2f7 0%,#e4ebf4 54%,#edf2f7 100%);
}
body.fog-blue-page::before {
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(75,111,160,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,111,160,.035) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);
  content:"";
}
body.fog-blue-page.showcase-page { background:var(--fog-canvas); }
body.fog-blue-page.showcase-page::before { display:none;content:none; }
.showcase-root,
body.fog-blue-page.showcase-page {
  background:#ffffff!important;
  background-image:none!important;
}
.fog-blue-page button,.fog-blue-page input,.fog-blue-page select { font-family:inherit; }
.fog-blue-page button:focus-visible,.fog-blue-page a:focus-visible,.fog-blue-page input:focus-visible,.fog-blue-page select:focus-visible {
  outline:2px solid rgba(var(--fog-blue-rgb),.42);
  outline-offset:2px;
}

/* Authentication */
.auth-page {
  --bg:var(--fog-canvas);
  --panel:var(--fog-surface);
  --panel-deep:var(--fog-surface-strong);
  --text:var(--fog-ink);
  --muted:var(--fog-muted);
  --faint:var(--fog-faint);
  --line:var(--fog-line);
  --line-strong:var(--fog-line-strong);
  --accent:var(--fog-blue);
  --accent-rgb:var(--fog-blue-rgb);
  --accent-2:var(--fog-violet);
  --accent-2-rgb:120,111,232;
  --green:var(--fog-green);
  --red:var(--fog-red);
  --amber:var(--fog-amber);
}
.auth-page .ambient { opacity:.1;filter:blur(120px); }
.auth-page .ambient-a { background:#8fb9e9; }
.auth-page .ambient-b { background:#b6b0eb; }
.auth-page .grid-field { opacity:.42;background-size:38px 38px; }
.auth-page .auth-shell {
  width:min(1180px,calc(100vw - 56px));
  min-height:min(720px,calc(100dvh - 56px));
  border:1px solid rgba(255,255,255,.84);
  border-radius:25px;
  background:rgba(238,244,251,.72);
  box-shadow:0 35px 100px rgba(58,78,108,.2),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(28px) saturate(116%);
}
.auth-page .welcome-panel {
  padding:42px 48px 34px;
  background:
    linear-gradient(150deg,rgba(255,255,255,.82),rgba(222,233,247,.58)),
    radial-gradient(circle at 75% 82%,rgba(var(--fog-blue-rgb),.13),transparent 25rem);
}
.auth-page .welcome-panel::before {
  position:absolute;
  inset:0;
  opacity:.6;
  pointer-events:none;
  background-image:
    linear-gradient(30deg,transparent 48%,rgba(81,117,164,.06) 49%,rgba(81,117,164,.06) 51%,transparent 52%),
    linear-gradient(150deg,transparent 48%,rgba(81,117,164,.045) 49%,rgba(81,117,164,.045) 51%,transparent 52%);
  background-size:72px 42px;
  mask-image:linear-gradient(135deg,transparent 10%,#000 72%);
  content:"";
}
.auth-page .welcome-panel::after { border-color:rgba(var(--fog-blue-rgb),.08);box-shadow:0 0 0 5rem rgba(var(--fog-blue-rgb),.025),0 0 0 10rem rgba(var(--fog-blue-rgb),.016); }
.auth-page .brand-name strong,.auth-page .mobile-brand strong { color:#173f82; }
.auth-page .brand-name small,.auth-page .partner-brand,.auth-page .trust-row { color:#7488a4; }
.auth-page .welcome-copy h1 { color:#162b4c;font-size:clamp(36px,4vw,54px); }
.auth-page .welcome-copy h1 span {
  background:linear-gradient(100deg,#1168d7,#4684d4 54%,#746ddc);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.auth-page .welcome-lead { color:#566f92; }
.auth-page .eyebrow,.auth-page .signal-copy>span,.auth-page .step-label { color:#1c69cc; }
.auth-page .eyebrow i,.auth-page .signal-status i { box-shadow:0 0 0 4px rgba(23,165,100,.1); }
.auth-page .signal-card {
  border-color:rgba(92,126,174,.2);
  background:rgba(247,250,255,.62);
  box-shadow:var(--fog-shadow-soft);
}
.auth-page .signal-copy strong { color:#223b61; }
.auth-page .signal-copy small,.auth-page .signal-status { color:#7185a2; }
.auth-page .signal-core { background:#2c7be8;box-shadow:0 0 20px rgba(var(--fog-blue-rgb),.32); }
.auth-page .orbit { border-color:rgba(var(--fog-blue-rgb),.3); }
.auth-page .orbit-b { border-color:rgba(120,111,232,.24); }
.auth-page .auth-panel {
  border-left-color:rgba(92,126,174,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.67),rgba(236,243,252,.86));
}
.auth-page .language-toggle {
  border-color:rgba(91,112,192,.24);
  color:#4d5f9f;
  background:rgba(255,255,255,.48);
}
.auth-page .language-toggle:hover { border-color:rgba(var(--fog-blue-rgb),.45);background:rgba(255,255,255,.72);color:#174f9f; }
.auth-page .language-menu {
  border-color:var(--fog-line);
  color:var(--fog-ink);
  background:rgba(248,251,255,.97);
  box-shadow:0 18px 45px rgba(45,66,100,.16);
}
.auth-page .language-menu button { color:#677d9d; }
.auth-page .language-menu button:hover,.auth-page .language-menu button.is-selected { color:#184b94;background:rgba(var(--fog-blue-rgb),.08); }
.auth-page .auth-heading h2 { color:#172f53; }
.auth-page .auth-heading>p:last-child { color:#637998; }
.auth-page .page-notice { border-color:rgba(var(--fog-blue-rgb),.2);background:rgba(var(--fog-blue-rgb),.055);color:#345b8d; }
.auth-page .page-notice.warning { border-color:rgba(199,139,53,.26);background:rgba(199,139,53,.08);color:#8a6229; }
.auth-page .page-notice.success { border-color:rgba(23,165,100,.24);background:rgba(23,165,100,.07);color:#23734f; }
.auth-page .auth-tabs { border-color:rgba(92,126,174,.2); }
.auth-page .auth-tabs button { color:#8394aa; }
.auth-page .auth-tabs button[aria-selected="true"] { color:#173b71; }
.auth-page .auth-tabs>i { background:linear-gradient(90deg,transparent,#2374df 14%,#2374df 86%,transparent);box-shadow:0 2px 8px rgba(var(--fog-blue-rgb),.25); }
.auth-page .field { color:#3d5578; }
.auth-page .select-shell select,.auth-page .input-shell input {
  border-color:rgba(91,124,170,.24);
  color:#1d385d;
  background:rgba(251,253,255,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.auth-page .select-shell select { color:#3b5391; }
.auth-page .input-shell input::placeholder { color:#9aa9bb; }
.auth-page .input-shell input:hover { border-color:rgba(var(--fog-blue-rgb),.38); }
.auth-page .input-shell input:focus,.auth-page .select-shell select:focus {
  border-color:rgba(var(--fog-blue-rgb),.7);
  background:rgba(255,255,255,.9);
  box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.09),0 12px 28px rgba(55,87,132,.08);
}
.auth-page .field-icon,.auth-page .field-help,.auth-page .mode-hint,.auth-page .auth-footnote { color:#7b8da7; }
.auth-page .remember-device { color:#647a98; }
.auth-page .remember-device strong { color:#415a7e; }
.auth-page .remember-device input { accent-color:#246fd7; }
.auth-page .form-message { border-color:rgba(198,91,104,.24);background:rgba(198,91,104,.07);color:#9f4652; }
.auth-page .form-message.success { border-color:rgba(23,165,100,.23);background:rgba(23,165,100,.07);color:#23734f; }
.auth-page .submit-button {
  border-color:rgba(var(--fog-blue-rgb),.66);
  color:#fff;
  background:linear-gradient(110deg,#176bd7,#3e84df);
  box-shadow:0 12px 28px rgba(var(--fog-blue-rgb),.2),inset 0 1px 0 rgba(255,255,255,.34);
}
.auth-page .submit-button:hover { box-shadow:0 15px 34px rgba(var(--fog-blue-rgb),.26); }
.auth-page .submit-button.loading>i { border-color:rgba(255,255,255,.3);border-top-color:#fff; }
.auth-page .mode-hint button { color:#1766c9; }
.auth-page .admin-entry {
  border-color:rgba(96,127,172,.2);
  color:#647996;
  background:rgba(248,251,255,.52);
}
.auth-page .admin-entry:hover { border-color:rgba(var(--fog-blue-rgb),.4);color:#1766c9;background:rgba(251,253,255,.8); }
.auth-page .admin-entry>i { background:#2778df;box-shadow:0 0 0 4px rgba(var(--fog-blue-rgb),.09); }
.auth-page .admin-entry strong { color:#304b72; }
.auth-page .admin-entry small { color:#8293aa; }
.auth-page .auth-footnote { border-color:rgba(92,126,174,.17); }

/* Administrator overview */
.overview-page {
  --bg:var(--fog-canvas);
  --panel:var(--fog-surface);
  --panel-2:var(--fog-surface-muted);
  --text:var(--fog-ink);
  --muted:var(--fog-muted);
  --faint:var(--fog-faint);
  --line:var(--fog-line);
  --line-strong:var(--fog-line-strong);
  --accent:var(--fog-blue);
  --accent-2:var(--fog-violet);
  --good:var(--fog-green);
  --danger:var(--fog-red);
}
.overview-page [hidden] { display:none!important; }
.overview-page .ambient { opacity:.08;filter:blur(110px); }
.overview-page .overview-topbar {
  border-color:rgba(91,124,170,.18);
  background:rgba(239,245,252,.8);
  box-shadow:0 8px 30px rgba(54,76,108,.06);
  backdrop-filter:blur(20px) saturate(115%);
}
.overview-page .brand strong { color:#174784; }
.overview-page .brand small,.overview-page .overview-heading,.overview-page .overview-mode { color:#6d82a0; }
.overview-page .overview-mode.is-active { color:#174f9f;background:rgba(var(--fog-blue-rgb),.08); }
.overview-page .top-actions button,.overview-page .language-toggle {
  border-color:rgba(92,126,174,.2);
  color:#536b8c;
  background:rgba(255,255,255,.46);
}
.overview-page .top-actions button:hover,.overview-page .language-toggle:hover { border-color:rgba(var(--fog-blue-rgb),.4);color:#175fbe;background:rgba(255,255,255,.72); }
.overview-page .language-menu { border-color:var(--fog-line);background:rgba(248,251,255,.97);box-shadow:0 18px 44px rgba(55,78,112,.16); }
.overview-page .top-actions .language-menu button { color:#667d9d;background:transparent; }
.overview-page .top-actions .language-menu button:hover,.overview-page .top-actions .language-menu button.is-selected { color:#174f9f;background:rgba(var(--fog-blue-rgb),.08); }
.overview-page .account-panel {
  border-color:rgba(91,124,170,.19);
  background:rgba(238,244,252,.97);
  box-shadow:-20px 0 60px rgba(45,64,94,.15);
}
.overview-page .account-option { border-color:var(--fog-line);background:rgba(250,252,255,.66); }
.overview-page .account-option:hover { border-color:rgba(var(--fog-blue-rgb),.42);background:rgba(255,255,255,.82); }
.overview-page .search-field input,.overview-page .admin-login-card input {
  border-color:var(--fog-line);
  color:var(--fog-ink);
  background:rgba(252,253,255,.72);
}
.overview-page .search-field input:focus,.overview-page .admin-login-card input:focus { border-color:rgba(var(--fog-blue-rgb),.66);box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.08); }
.overview-page .overview-grid { z-index:1; }
.overview-page .empty-state strong { color:#233e65; }
.overview-page .empty-state p { color:#6d82a0; }
.overview-page .empty-state button {
  border:1px solid rgba(var(--fog-blue-rgb),.62);
  border-radius:9px;
  color:#fff;
  background:linear-gradient(100deg,#176bd7,#4385dd);
  box-shadow:0 10px 24px rgba(var(--fog-blue-rgb),.16);
}
.overview-page .overview-tile {
  border-color:rgba(93,125,171,.2);
  color:var(--fog-ink);
  background:linear-gradient(145deg,rgba(246,249,254,.92),rgba(225,234,247,.9));
  box-shadow:var(--fog-shadow-soft);
}
.overview-page .overview-tile:hover { border-color:rgba(var(--fog-blue-rgb),.42); }
.overview-page .overview-tile.is-focused { border-color:rgba(var(--fog-blue-rgb),.7);box-shadow:0 28px 90px rgba(51,75,111,.2); }
.overview-page .tile-head { border-color:rgba(93,125,171,.18); }
.overview-page .tile-video { background:#d8e2ef; }
.overview-page .tile-caption { border-color:rgba(255,255,255,.25);color:#f6f9ff;background:rgba(24,40,64,.66); }
.overview-page .tile-insight .authors,.overview-page .tile-points li,.overview-page .mini-preference p,.overview-page .mini-asr p,.overview-page .mini-visual p { color:#5e7495; }
.overview-page .tile-insight .summary { border-color:var(--fog-line);color:#405a7e; }
.overview-page .poster-meta span,.overview-page .keyword-row span { border-color:var(--fog-line);color:#657b9c;background:rgba(255,255,255,.36); }
.overview-page .keyword-row span { border-color:rgba(120,111,232,.2);color:#625ab2; }
.overview-page .mini-preference,.overview-page .mini-asr,.overview-page .mini-map,.overview-page .mini-history,.overview-page .mini-visual,.overview-page .mini-recommendations {
  border-color:var(--fog-line);
  background:rgba(239,245,253,.66);
}
.overview-page .mini-history button { color:#5f7594;background:rgba(251,253,255,.55); }
.overview-page .mini-history button:hover,.overview-page .mini-history button.is-selected { border-color:rgba(var(--fog-blue-rgb),.4);color:#174f9f;background:rgba(255,255,255,.82); }
.overview-page .mini-recommendations article { background:rgba(251,253,255,.5); }
.overview-page .login-layer,.overview-page .confirm-layer { background:rgba(92,111,143,.24);backdrop-filter:blur(18px) saturate(110%); }
.overview-page .admin-login-card,.overview-page .confirm-card {
  border-color:rgba(255,255,255,.78);
  color:var(--fog-ink);
  background:linear-gradient(145deg,rgba(248,251,255,.98),rgba(226,235,248,.97));
  box-shadow:0 30px 90px rgba(48,68,100,.22),inset 0 1px 0 rgba(255,255,255,.8);
}
.overview-page .admin-login-card>p,.overview-page .confirm-card>p,.overview-page .admin-login-card label { color:#657b99; }
.overview-page .admin-login-card>button { color:#fff;background:linear-gradient(100deg,#176bd7,#4385dd);box-shadow:0 12px 26px rgba(var(--fog-blue-rgb),.18); }
.overview-page .confirm-card button { border-color:var(--fog-line);color:#5a7191;background:rgba(255,255,255,.5); }

/* Administrator device fleet */
.overview-page .fleet-health,
.overview-page .fleet-card {
  border-color:rgba(91,124,170,.2);
  color:var(--fog-ink);
  background:linear-gradient(145deg,rgba(248,251,255,.9),rgba(228,237,249,.86));
  box-shadow:var(--fog-shadow-soft);
}
.overview-page .fleet-card.is-online { border-color:rgba(23,165,100,.26); }
.overview-page .fleet-card.is-warning { border-color:rgba(199,139,53,.3); }
.overview-page .fleet-head { border-color:rgba(91,124,170,.17); }
.overview-page .fleet-number { border-color:rgba(var(--fog-blue-rgb),.28);color:#1766c9;background:rgba(var(--fog-blue-rgb),.06); }
.overview-page .fleet-bind,
.overview-page .fleet-metric,
.overview-page .fleet-poster { border-color:var(--fog-line);background:rgba(252,253,255,.52); }
.overview-page .fleet-metric strong,.overview-page .fleet-device strong,.overview-page .fleet-poster strong { color:#294768; }
.overview-page .fleet-actions button { border-color:var(--fog-line);color:#5a7292;background:rgba(252,253,255,.58); }
.overview-page .fleet-actions button:hover { border-color:rgba(var(--fog-blue-rgb),.42);color:#1766c9;background:rgba(255,255,255,.82); }
.overview-page .fleet-error { border-color:rgba(198,91,104,.2);color:#a84e5b;background:rgba(198,91,104,.07); }

/* Face privacy registry */
.faces-page {
  --paper:var(--fog-canvas);
  --paper2:#e1e9f3;
  --card:rgba(247,250,254,.78);
  --ink:var(--fog-ink);
  --mid:var(--fog-ink-soft);
  --light:var(--fog-muted);
  --line:var(--fog-line);
  --accent:var(--fog-blue);
  --accent-soft:rgba(var(--fog-blue-rgb),.08);
  --blue:var(--fog-blue);
  --blue-soft:var(--fog-blue-soft);
  --green:var(--fog-green);
  --green-soft:rgba(23,165,100,.08);
  --red:var(--fog-red);
  --red-soft:rgba(198,91,104,.08);
  --shadow:var(--fog-shadow-soft);
  --body:var(--fog-font);
  --mono:var(--fog-mono);
}
.faces-page .header {
  border-color:rgba(91,124,170,.18);
  background:rgba(240,246,252,.82);
  box-shadow:0 8px 28px rgba(57,79,112,.05);
  backdrop-filter:blur(18px) saturate(115%);
}
.faces-page .brand { color:#174784;font-family:var(--fog-font);font-weight:750;letter-spacing:-.02em; }
.faces-page .brand span { color:#7e90aa; }
.faces-page .nav a { color:#607695; }
.faces-page .nav a.active { color:#1766c9;background:rgba(var(--fog-blue-rgb),.09); }
.faces-page .hero h1,.faces-page .panel-head h2,.faces-page .empty strong,.faces-page .modal-head h2,.faces-page .gallery-empty strong { color:#1c365a;font-family:var(--fog-font);font-weight:650; }
.faces-page .hero h1 { font-size:34px;letter-spacing:-.035em; }
.faces-page .eyebrow { color:#1766c9; }
.faces-page .refresh,.faces-page .btn {
  border-color:var(--fog-line);
  color:#536b8b;
  background:rgba(250,252,255,.64);
}
.faces-page .refresh:hover,.faces-page .btn:hover:not(:disabled) { border-color:rgba(var(--fog-blue-rgb),.4);color:#1760bb;background:rgba(255,255,255,.82); }
.faces-page .status-card,.faces-page .panel {
  border-color:var(--fog-line);
  background:linear-gradient(145deg,rgba(248,251,255,.84),rgba(231,239,250,.72));
  box-shadow:var(--fog-shadow-soft);
}
.faces-page .panel-head,.faces-page .people-toolbar,.faces-page .person,.faces-page .privacy-note { border-color:rgba(91,124,170,.16); }
.faces-page .input {
  border-color:var(--fog-line);
  color:var(--fog-ink);
  background:rgba(252,253,255,.72);
}
.faces-page .input:focus { border-color:rgba(var(--fog-blue-rgb),.68);box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.08); }
.faces-page input[type=file]::file-selector-button { color:#4f6687;background:#e5edf7; }
.faces-page .btn.primary { border-color:#176bd7;color:#fff;background:linear-gradient(100deg,#176bd7,#4385dd);box-shadow:0 8px 20px rgba(var(--fog-blue-rgb),.15); }
.faces-page .btn.danger { border-color:rgba(198,91,104,.24);color:#a94c58;background:rgba(198,91,104,.08); }
.faces-page .avatar { color:#1766c9;background:rgba(var(--fog-blue-rgb),.09);font-family:var(--fog-font); }
.faces-page .privacy-note,.faces-page .result,.faces-page .face-photo { background:rgba(239,245,252,.66); }
.faces-page .modal { background:rgba(85,104,137,.24);backdrop-filter:blur(14px); }
.faces-page .modal-card { border-color:rgba(255,255,255,.78);background:linear-gradient(145deg,rgba(248,251,255,.98),rgba(226,235,248,.97));box-shadow:0 28px 85px rgba(49,69,101,.22); }
.faces-page .toast { color:#f7faff;background:rgba(28,52,88,.94);box-shadow:0 15px 42px rgba(36,53,81,.24); }

/* Showcase overlays and compact/mobile surfaces */
.showcase-page .operator-panel,.showcase-page .detail-panel,.showcase-page .preference-dialog,.showcase-page .recommendation-dialog,.showcase-page .face-manager-panel {
  color:var(--fog-ink);
  border-color:rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(247,250,255,.98),rgba(225,235,249,.97));
  box-shadow:0 30px 90px rgba(48,68,100,.22),inset 0 1px 0 rgba(255,255,255,.78);
}
.showcase-page .detail-header,.showcase-page .preference-head,.showcase-page .recommendation-head,.showcase-page .face-manager-head,.showcase-page .detail-tabs,.showcase-page .session-manager-toolbar,.showcase-page .itinerary-toolbar {
  border-color:rgba(91,124,170,.17);
  background:rgba(235,242,252,.72);
}
.showcase-page .detail-content,.showcase-page .operator-footnote,.showcase-page .preference-dialog p,.showcase-page .face-manager-panel p { color:#5b7293; }
.showcase-page .detail-panel input,.showcase-page .detail-panel textarea,.showcase-page .preference-dialog input,.showcase-page .preference-dialog textarea,.showcase-page .face-manager-panel input {
  border-color:var(--fog-line);
  color:var(--fog-ink);
  background:rgba(252,253,255,.72);
}
.showcase-page .detail-panel input:focus,.showcase-page .detail-panel textarea:focus,.showcase-page .preference-dialog input:focus,.showcase-page .preference-dialog textarea:focus,.showcase-page .face-manager-panel input:focus { border-color:rgba(var(--fog-blue-rgb),.66);box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.08); }
.showcase-page .workspace-action,.showcase-page .operator-actions button,.showcase-page .operator-actions a,.showcase-page .operator-utility-actions .operator-link {
  border-color:var(--fog-line);
  color:#526b8d;
  background:rgba(252,253,255,.54);
}

/* Showcase modal backdrops and all dynamically rendered surfaces */
.showcase-page .detail-overlay,
.showcase-page .preference-overlay,
.showcase-page .recommendation-overlay,
.showcase-page .face-manager-overlay {
  background:rgba(92,111,143,.28);
  backdrop-filter:blur(18px) saturate(110%);
}
.showcase-page .detail-close,
.showcase-page .preference-close,
.showcase-page .face-manager-close,
.showcase-page .recommendation-head button {
  border-color:var(--fog-line);
  color:#607695;
  background:rgba(255,255,255,.54);
}
.showcase-page .detail-tabs button { color:#647b9a; }
.showcase-page .detail-tabs button.active { color:#1766c9;background:rgba(var(--fog-blue-rgb),.09); }
.showcase-page .detail-empty { color:#8293a9; }

.showcase-page .resource-card,
.showcase-page .deep-section,
.showcase-page .machine-live-card,
.showcase-page .state-machine-section,
.showcase-page .transcript-line,
.showcase-page .evidence-card,
.showcase-page .metadata-item,
.showcase-page .qr-card,
.showcase-page .compare-option,
.showcase-page .favorite-row,
.showcase-page .session-row,
.showcase-page .inventory-card,
.showcase-page .itinerary-item,
.showcase-page .recommendation-item {
  border-color:rgba(91,124,170,.19);
  color:var(--fog-ink);
  background:rgba(249,251,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.showcase-page .resource-card h3,
.showcase-page .deep-section h3,
.showcase-page .inventory-card h3,
.showcase-page .caption-detail-head strong { color:#1766c9; }
.showcase-page .resource-card p,
.showcase-page .deep-section p,
.showcase-page .deep-section li,
.showcase-page .transcript-line p,
.showcase-page .metadata-item strong,
.showcase-page .favorite-row p,
.showcase-page .session-row-main p,
.showcase-page .inventory-card dd,
.showcase-page .itinerary-item-main p { color:#4f688a; }
.showcase-page .resource-links a,.showcase-page .connection-item button { color:#1766c9; }
.showcase-page .metadata-grid,.showcase-page .analysis-flow { border-color:rgba(91,124,170,.19);background:rgba(249,251,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }
.showcase-page .metadata-item,.showcase-page .analysis-flow .deep-section { border-color:rgba(91,124,170,.16);background:transparent;box-shadow:none; }
.showcase-page .resource-metric,
.showcase-page .trace-chip,
.showcase-page .machine-legend span,
.showcase-page .itinerary-item-meta span {
  border-color:var(--fog-line);
  color:#657b99;
  background:rgba(240,246,253,.7);
}
.showcase-page .resource-metric strong,
.showcase-page .machine-live-card strong,
.showcase-page .itinerary-item-main h3,
.showcase-page .favorite-row h3,
.showcase-page .session-row-main strong { color:#244264; }
.showcase-page .machine-live-card.is-primary,
.showcase-page .session-row.is-viewing { border-color:rgba(var(--fog-blue-rgb),.28);background:rgba(var(--fog-blue-rgb),.07); }
.showcase-page .state-machine-head { border-color:var(--fog-line); }
.showcase-page .state-machine-head>small,.showcase-page .machine-live-reason { color:#3b6f9e;background:rgba(var(--fog-blue-rgb),.055); }
.showcase-page .machine-node { border-color:var(--fog-line);color:#385777;background:rgba(247,250,255,.82); }
.showcase-page .machine-node strong,.showcase-page .machine-transition b { color:#294768; }
.showcase-page .machine-node em,.showcase-page .machine-transition,.showcase-page .machine-transition span { color:#6e83a0; }
.showcase-page .machine-node.is-current { border-color:rgba(var(--fog-blue-rgb),.7);background:linear-gradient(145deg,rgba(var(--fog-blue-rgb),.13),rgba(248,251,255,.95)); }
.showcase-page .machine-node.is-current strong,.showcase-page .machine-transition.is-active b,.showcase-page .machine-transition.is-active span { color:#174f9f; }
.showcase-page .machine-edge span { color:#5e7797;background:#e8f0fa; }
.showcase-page .trace-json { border-color:var(--fog-line);color:#536d8e;background:#e8f0fa; }
.showcase-page .qr-card img,.showcase-page .qr-placeholder,.showcase-page .evidence-card img { background:#dbe5f1; }
.showcase-page .compare-wrap { border-color:var(--fog-line);background:rgba(252,253,255,.42); }
.showcase-page .compare-table th { color:#1766c9;background:#e5edf8; }
.showcase-page .topic-node circle { fill:#eaf1fa;stroke:#2374df; }
.showcase-page .topic-node text { fill:#294768; }

/* Preference, recommendation, favorites, sessions and itinerary */
.showcase-page .preference-overlay[data-mode="initial"] { background:rgba(92,111,143,.28)!important; }
.showcase-page .preference-overlay[data-mode="initial"] .preference-dialog {
  border-color:rgba(255,255,255,.78)!important;
  color:var(--fog-ink)!important;
  background:linear-gradient(145deg,rgba(248,251,255,.98),rgba(226,235,248,.97))!important;
  box-shadow:0 30px 90px rgba(48,68,100,.22)!important;
}
.showcase-page .preference-current,
.showcase-page .preference-live,
.showcase-page .preference-interview-guide li,
.showcase-page .preference-test-profiles button {
  border-color:rgba(98,113,200,.18);
  background:rgba(245,246,255,.65);
}
.showcase-page .preference-current>p,
.showcase-page .preference-live p,
.showcase-page .preference-interview-guide strong,
.showcase-page .preference-test-profiles button b { color:#405879; }
.showcase-page .preference-interview-guide li>b,.showcase-page .preference-test-profiles header strong { color:#6b62bd; }
.showcase-page .preference-note textarea,.showcase-page .session-search input {
  border-color:var(--fog-line);
  color:var(--fog-ink);
  background:rgba(252,253,255,.72);
}
.showcase-page .preference-actions button,
.showcase-page .preference-idle-actions button,
.showcase-page .itinerary-days button,
.showcase-page .itinerary-toolbar-actions button,
.showcase-page .itinerary-toolbar-actions a,
.showcase-page .session-row-actions button {
  border-color:var(--fog-line);
  color:#5b7292;
  background:rgba(252,253,255,.56);
}
.showcase-page .preference-actions button:last-child,
.showcase-page .preference-idle-actions button,
.showcase-page .itinerary-days button.active {
  border-color:rgba(var(--fog-blue-rgb),.38);
  color:#1766c9;
  background:rgba(var(--fog-blue-rgb),.09);
}
.showcase-page .preference-idle-actions,
.showcase-page .recommendation-foot,
.showcase-page .face-manager-foot,
.showcase-page .inventory-danger-zone { border-color:var(--fog-line);background:rgba(232,240,250,.82); }
.showcase-page .recommendation-dialog { border-color:rgba(98,113,200,.25); }
.showcase-page .recommendation-item>span,.showcase-page .recommendation-item b,.showcase-page .recommendation-foot strong { color:#675eb6; }
.showcase-page .recommendation-item p { color:#5b7292; }
.showcase-page .itinerary-notice { border-color:rgba(199,139,53,.22);color:#86602e;background:rgba(199,139,53,.07); }
.showcase-page .itinerary-empty button,
.showcase-page .workspace-action {
  border-color:rgba(var(--fog-blue-rgb),.58);
  color:#fff;
  background:linear-gradient(100deg,#176bd7,#4385dd);
  box-shadow:0 9px 22px rgba(var(--fog-blue-rgb),.15);
}
.showcase-page .favorite-row button { border-color:rgba(198,91,104,.23);color:#a74b58;background:rgba(198,91,104,.07); }

/* Face privacy quick manager */
.showcase-page .face-gesture-tip {
  border-color:rgba(98,113,200,.2);
  background:linear-gradient(120deg,rgba(98,113,200,.1),rgba(var(--fog-blue-rgb),.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.showcase-page .face-gesture-sequence b { border-color:rgba(91,124,170,.18);color:#405879;background:rgba(252,253,255,.66); }
.showcase-page .face-gesture-tip strong { color:#324e72; }
.showcase-page .face-gesture-tip span { color:#697f9d; }
.showcase-page .face-manager-summary { border-color:var(--fog-line);background:rgba(236,243,252,.62); }
.showcase-page .face-manager-summary>span { border-color:var(--fog-line);background:rgba(252,253,255,.66); }
.showcase-page .face-manager-summary button { border-color:rgba(var(--fog-blue-rgb),.25);color:#1766c9;background:rgba(var(--fog-blue-rgb),.07); }
.showcase-page .face-manager-empty { border-color:rgba(91,124,170,.24);color:#7b8da6;background:rgba(250,252,255,.42); }
.showcase-page .face-manager-foot a { color:#1766c9; }

/* Showcase glass layer: keep the editorial Fog Blue palette while adding a
   restrained optical depth to every persistent surface and compact control. */
.showcase-page .topbar,
.showcase-page .paper-context,
.showcase-page .intelligence-core,
.showcase-page .navigation-core,
.showcase-page .evidence-dock,
.showcase-page .knowledge-trail {
  border-color:rgba(105,137,183,.25)!important;
  background:
    linear-gradient(145deg,rgba(249,252,255,.78),rgba(222,233,247,.66))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 0 0 1px rgba(255,255,255,.2),
    0 16px 44px rgba(54,77,113,.085)!important;
  backdrop-filter:blur(18px) saturate(116%);
  -webkit-backdrop-filter:blur(18px) saturate(116%);
}
.showcase-page.evidence-expanded .evidence-dock {
  opacity:1!important;
  background:linear-gradient(145deg,#f9fcff,#deebf7)!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.showcase-page .knowledge-trail {
  background:
    radial-gradient(circle at 92% 0,rgba(var(--fog-blue-rgb),.11),transparent 32%),
    linear-gradient(145deg,rgba(248,251,255,.75),rgba(218,230,246,.62))!important;
}
.showcase-page .knowledge-history-head {
  border-bottom:0!important;
  border-color:transparent!important;
}
html[data-language="en"] .showcase-page .evidence-streams:before {
  content:"REAL-TIME ANALYSIS"!important;
}
.showcase-page .history-route-mark {
  border-color:rgba(var(--fog-blue-rgb),.29)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(var(--fog-blue-rgb),.1))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 16px rgba(var(--fog-blue-rgb),.09)!important;
}
.showcase-page .knowledge-history-title b { color:#174b90!important; }
.showcase-page #historyCount {
  border-color:rgba(var(--fog-blue-rgb),.2);
  color:#31649f;
  background:rgba(238,246,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
.showcase-page #mapVisitedCount { color:#365f96!important;letter-spacing:.035em; }
.showcase-page .poster-map-legend { color:#667c9c!important; }
.showcase-page .poster-map-legend i { box-shadow:0 0 0 3px rgba(255,255,255,.44),0 0 8px rgba(var(--fog-blue-rgb),.16)!important; }
.showcase-page .poster-map-legend i.visited { background:#67a3ec!important; }
.showcase-page .poster-map-legend i.current { background:#176bd7!important; }
.showcase-page .poster-map-legend i.recommended { background:#786fe8!important; }
.showcase-page #evidenceToggleButton,
.showcase-page #openPosterMapButton {
  border-color:rgba(93,128,179,.25)!important;
  color:#35649f!important;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(224,235,249,.53))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 7px 20px rgba(57,82,121,.065)!important;
  backdrop-filter:blur(12px) saturate(112%);
  -webkit-backdrop-filter:blur(12px) saturate(112%);
}
.showcase-page #evidenceToggleButton:hover,
.showcase-page #openPosterMapButton:hover {
  border-color:rgba(var(--fog-blue-rgb),.44)!important;
  color:#155bb8!important;
  background:rgba(244,249,255,.82)!important;
}
.showcase-page .history-select {
  border-color:rgba(103,137,186,.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(224,235,249,.48))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 22px rgba(58,83,121,.055)!important;
  backdrop-filter:blur(12px) saturate(112%);
  -webkit-backdrop-filter:blur(12px) saturate(112%);
}
.showcase-page .history-item:hover .history-select { background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(224,237,253,.66))!important; }
.showcase-page .history-item.active .history-select {
  border-color:rgba(var(--fog-blue-rgb),.72)!important;
  background:linear-gradient(145deg,rgba(247,251,255,.9),rgba(216,232,252,.72))!important;
  box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.09),0 12px 28px rgba(44,82,139,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.showcase-page .video-stage.is-idle {
  border-color:rgba(103,135,180,.24)!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(var(--fog-blue-rgb),.1),transparent 28%),
    linear-gradient(145deg,rgba(211,223,239,.84),rgba(185,202,224,.72))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 0 80px rgba(255,255,255,.18)!important;
}
.showcase-page .video-stage.is-idle .video-placeholder strong { color:#36587e!important; }
.showcase-page .video-stage.is-idle .video-placeholder>span { color:#7488a4!important; }
.showcase-page .video-stage.is-idle .ai-orbit { border-color:rgba(var(--fog-blue-rgb),.3);filter:drop-shadow(0 8px 18px rgba(var(--fog-blue-rgb),.1)); }

/* Refined iconography, translucent live controls, and a restrained desktop
   readability pass. These declarations intentionally sit after the base
   spatial stylesheet so every visible state uses one visual language. */
.showcase-page .history-route-mark:before,
.showcase-page .history-route-mark:after { display:none!important; }
.showcase-page .history-route-mark {
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(199,220,248,.55))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 18px rgba(45,91,155,.12)!important;
}
.showcase-page .history-route-mark svg { width:20px;height:20px;overflow:visible;fill:none;stroke:#1d6fd2;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.showcase-page .history-route-mark svg circle { fill:rgba(239,247,255,.96); }
.showcase-page #evidenceToggleButton i { width:16px;height:16px;display:grid;place-items:center; }
.showcase-page #evidenceToggleButton i svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.showcase-page .spatial-video-actions {
  isolation:isolate;
  border-color:rgba(255,255,255,.42)!important;
  background:
    linear-gradient(116deg,rgba(255,255,255,.13),rgba(174,207,243,.055) 42%,rgba(17,35,58,.075) 78%,rgba(255,255,255,.1))!important;
  box-shadow:
    0 12px 32px rgba(2,12,27,.1),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(116,161,216,.16)!important;
  backdrop-filter:blur(23px) saturate(128%) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(23px) saturate(128%) brightness(1.06)!important;
}
.showcase-page .spatial-video-actions:before,
.showcase-page .spatial-video-actions:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
}
.showcase-page .spatial-video-actions:before {
  background:
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.045) 34%,transparent 61%);
  opacity:.72;
}
.showcase-page .spatial-video-actions:after {
  inset:1px;
  background:
    radial-gradient(ellipse at 18% -28%,rgba(255,255,255,.4),transparent 42%),
    radial-gradient(ellipse at 78% 138%,rgba(107,164,226,.12),transparent 50%);
  mix-blend-mode:screen;
}
.showcase-page .spatial-video-actions button {
  position:relative;
  z-index:1;
  text-shadow:0 1px 8px rgba(0,0,0,.2);
}
.showcase-page .spatial-video-actions button+button:before { background:rgba(255,255,255,.24)!important; }
.showcase-page .spatial-video-actions span { width:20px;height:20px;display:grid;place-items:center; }
.showcase-page .spatial-video-actions span svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }

@media (min-width:1101px) {
  .showcase-page .spatial-more h2 { font-size:12px; }
  .showcase-page .spatial-more button>b { font-size:13px; }
  .showcase-page .spatial-more button>em { font-size:10px; }
  .showcase-page .spatial-profile b { font-size:12px; }
  .showcase-page .spatial-profile small { font-size:10px; }
  .showcase-page .evidence-streams:before { font-size:13px; }
  .showcase-page .visual-caption-source b,
  .showcase-page .asr-summary-source b { font-size:12px!important; }
  .showcase-page .visual-caption-copy,
  .showcase-page .asr-summary-card p { font-size:12px!important;line-height:1.55!important; }
  .showcase-page .spatial-analysis-notebook span { font-size:11px; }
  .showcase-page .spatial-analysis-notebook p { font-size:11px; }
  .showcase-page #mapVisitedCount { font-size:11px!important; }
  .showcase-page .poster-map-legend { font-size:9px!important; }
  .showcase-page .history-visit-time { font-size:11px; }
  .showcase-page .history-card-copy>strong { font-size:12px; }
  .showcase-page .history-card-copy>small { font-size:10px; }
  .showcase-page .spatial-video-actions b { font-size:12px; }
}

/* Neutral light notification surface */
.showcase-page .toast { border-color:var(--fog-line-strong);color:#294768;background:rgba(245,249,255,.96);box-shadow:var(--fog-shadow); }
.showcase-page .toast.is-error { border-color:rgba(198,91,104,.28);color:#a74b58;background:#fff4f5; }
.showcase-page .mobile-live-view-toggle { display:none!important; }

@media (max-width:1100px) {
  .showcase-page {
    --bg:var(--fog-canvas);
    --panel:var(--fog-surface);
    --panel-2:var(--fog-surface-muted);
    --text:var(--fog-ink);
    --muted:var(--fog-muted);
    --faint:var(--fog-faint);
    --line:var(--fog-line);
    --line-strong:var(--fog-line-strong);
    --accent:var(--fog-blue);
    --accent-rgb:var(--fog-blue-rgb);
    --accent-2:var(--fog-violet);
  }
  .showcase-page .system-title { display:none; }
  .showcase-page .topbar,.showcase-page .paper-context,.showcase-page .intelligence-core,.showcase-page .navigation-core,.showcase-page .evidence-dock,.showcase-page .knowledge-trail {
    border-color:var(--fog-line);
    color:var(--fog-ink);
    background:linear-gradient(145deg,rgba(248,251,255,.88),rgba(229,238,250,.82));
    box-shadow:var(--fog-shadow-soft);
  }
  .showcase-page .top-actions button,.showcase-page .view-switch a,.showcase-page .context-detail-button,.showcase-page .favorite-current-button {
    border-color:var(--fog-line);
    color:#536b8c;
    background:rgba(255,255,255,.5);
  }
  .showcase-page .poster-heading h1,.showcase-page .intelligence-head strong,.showcase-page .knowledge-head strong,.showcase-page .evidence-head strong { color:#173e75; }
  .showcase-page .poster-heading p,.showcase-page .poster-meta,.showcase-page .summary-points,.showcase-page .keyword-chips { color:#5f7595; }
  .showcase-page .summary-points {
    border-color:rgba(91,124,170,.2);
    background:linear-gradient(105deg,rgba(var(--fog-blue-rgb),.075),rgba(249,251,255,.66) 70%,rgba(98,113,200,.045));
    box-shadow:inset 3px 0 0 rgba(var(--fog-blue-rgb),.7);
  }
  .showcase-page .summary-points li { border-color:rgba(91,124,170,.15);color:#405879; }
  .showcase-page .summary-points li:before { color:#1766c9;text-shadow:none; }
  .showcase-page .keyword-chips button {
    border-color:rgba(91,124,170,.19);
    color:#536d8f;
    background:rgba(249,251,255,.64);
  }
  .showcase-page .keyword-chips button:hover,.showcase-page .keyword-chips button:focus-visible,.showcase-page .keyword-chips button.is-active { border-color:rgba(var(--fog-blue-rgb),.42);color:#1766c9;background:rgba(var(--fog-blue-rgb),.08);box-shadow:none; }
  .showcase-page .video-stage { border-color:var(--fog-line);background:#cfdae8; }
  .showcase-page .visual-caption-rail,.showcase-page .asr-summary-card { border-color:var(--fog-line);color:var(--fog-ink);background:rgba(245,249,255,.82); }

  /* The demo route is injected dynamically. Keep it over the map at tablet
     and phone widths instead of letting the unscoped SVG enter document flow. */
  .showcase-page .spatial-demo-route { position:absolute;z-index:7;inset:34px 15px 24px;pointer-events:none; }
  .showcase-page .spatial-demo-route>svg { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
  .showcase-page .spatial-demo-route-halo,.showcase-page .spatial-demo-route-line { fill:none;vector-effect:non-scaling-stroke; }
  .showcase-page .spatial-demo-route-halo { stroke:rgba(78,145,244,.16);stroke-width:8;filter:blur(4px); }
  .showcase-page .spatial-demo-route-line { stroke:#2476ea;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7 6; }
  .showcase-page .spatial-demo-route-origin,.showcase-page .spatial-demo-route-stop { position:absolute;left:var(--route-x);top:var(--route-y);transform:translate(-50%,-50%); }
  .showcase-page .spatial-demo-route-origin { display:grid;justify-items:center;gap:2px;color:#1765d5; }
  .showcase-page .spatial-demo-route-origin>i { width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#2777e8;box-shadow:0 0 0 5px rgba(35,119,235,.16); }
  .showcase-page .spatial-demo-route-origin>b { margin-top:3px;font:760 8px var(--fog-font); }
  .showcase-page .spatial-demo-route-origin>small { color:#5d769b;font:500 7px var(--fog-font); }
  .showcase-page .spatial-demo-route-stop {
    min-width:74px;display:flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid rgba(48,116,215,.34);border-radius:8px;
    color:#174887;background:rgba(239,246,255,.92);box-shadow:0 5px 14px rgba(44,78,132,.1);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;
  }
  .showcase-page .spatial-demo-route-stop>i { width:8px;height:8px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;background:#2c7aec;box-shadow:0 0 0 2px rgba(44,122,236,.18); }
  .showcase-page .spatial-demo-route-stop>span { display:grid;gap:1px;text-align:left; }
  .showcase-page .spatial-demo-route-stop b { font:740 8px var(--fog-font); }
  .showcase-page .spatial-demo-route-stop small { color:#617da6;font:520 7px var(--fog-font);white-space:nowrap; }
  .showcase-page .spatial-demo-route-stop.is-current { border-color:rgba(25,169,92,.5);color:#148046;background:rgba(239,252,246,.94); }
  .showcase-page .spatial-demo-route-stop.is-current>i { background:#18a95c; }

  /* Responsive Visit Trail keeps the desktop card vocabulary and scrolls
     horizontally instead of falling back to unstyled buttons. */
  .showcase-page .knowledge-trail { height:232px!important; }
  .showcase-page .knowledge-history-title b { color:#173979; }
  .showcase-page .knowledge-history-title span { color:#536b8f; }
  .showcase-page .poster-history { align-items:flex-end;gap:0;overflow-y:hidden;padding:8px 4px 5px;scroll-padding-inline:4px; }
  .showcase-page .history-item {
    width:128px;min-width:128px;flex:0 0 128px;display:grid;grid-template-rows:18px minmax(0,1fr);gap:5px;overflow:visible;
    border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;transform:none!important;
  }
  .showcase-page .history-item:before,.showcase-page .history-item:after { display:none!important; }
  .showcase-page .history-visit-time { display:block;color:#49678f;font:600 10px/18px var(--fog-font);text-align:center; }
  .showcase-page .history-select {
    height:132px;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:86px auto;gap:7px;overflow:hidden;padding:6px;
    border:1px solid rgba(116,146,194,.24);border-radius:14px;color:var(--fog-ink);background:rgba(238,244,253,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.62);text-align:left;
  }
  .showcase-page .history-item.active .history-select { border-color:rgba(var(--fog-blue-rgb),.78);background:rgba(239,246,255,.92);box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.09); }
  .showcase-page .history-poster-preview { position:relative;min-width:0;min-height:0;height:86px;max-height:86px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(112,140,184,.2);border-radius:9px;color:#426aa5;background:linear-gradient(145deg,rgba(206,220,242,.7),rgba(232,239,250,.85)); }
  .showcase-page .history-poster-preview img { position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(.95) brightness(1.03); }
  .showcase-page .history-card-copy { min-width:0;display:grid;grid-template-columns:1fr;gap:1px;padding:0 2px; }
  .showcase-page .history-card-copy>strong { overflow:hidden;color:#184d9f;font:700 11px/1.2 var(--fog-font);text-overflow:ellipsis;white-space:nowrap; }
  .showcase-page .history-card-copy>small { overflow:hidden;color:#667da2;font:500 9px/1.25 var(--fog-font);text-overflow:ellipsis;white-space:nowrap; }
  .showcase-page .history-movement { position:relative;width:62px;min-width:62px;height:132px;flex:0 0 62px;display:grid;place-items:center;align-content:center;gap:4px;padding-top:18px;color:#6c82a7; }
  .showcase-page .history-movement-line { position:absolute;left:0;right:0;top:58px;height:1px;background:linear-gradient(90deg,rgba(var(--fog-blue-rgb),.18),rgba(var(--fog-blue-rgb),.62),rgba(var(--fog-blue-rgb),.18)); }
  .showcase-page .history-movement-line:after { position:absolute;right:1px;top:-3px;width:6px;height:6px;transform:rotate(45deg);border-top:1px solid rgba(var(--fog-blue-rgb),.65);border-right:1px solid rgba(var(--fog-blue-rgb),.65);content:""; }
  .showcase-page .history-movement-line i { position:absolute;left:50%;top:-3px;width:7px;height:7px;transform:translateX(-50%);border-radius:50%;background:#7ca9eb;box-shadow:0 0 0 4px rgba(var(--fog-blue-rgb),.08); }
  .showcase-page .history-movement-icon { position:relative;z-index:1;width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(var(--fog-blue-rgb),.22);border-radius:50%;background:rgba(232,240,252,.94); }
  .showcase-page .history-movement-icon svg { width:15px;height:15px;fill:none;stroke:#5475a7;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
  .showcase-page .history-movement small { margin-top:3px;font:500 8px var(--fog-font); }
  .showcase-page .history-movement b { display:none; }
}

@media (max-width:720px) {
  .showcase-page .evidence-streams {
    min-height:316px!important;
    grid-template-rows:repeat(2,minmax(150px,auto))!important;
  }
  .showcase-page .evidence-streams .visual-caption-rail,
  .showcase-page .evidence-streams .asr-summary-card {
    height:auto!important;
    min-height:150px!important;
  }
}

/* Phone reading order: Visit Trail, optional Live View, then five-item
   Caption and ASR histories. Keep recommendation/relationship actions in
   normal flow so they can never cover the horizontal Poster timeline. */
@media (max-width:720px) {
  body.showcase-page .showcase-shell,
  html[data-panel="auto"] body.showcase-page .showcase-shell,
  html[data-panel="auto"] body.showcase-page[data-scene] .showcase-shell {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"navigation" "evidence"!important;
    align-content:start!important;
  }
  body.showcase-page .navigation-core {
    min-height:0!important;
    display:block!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:0!important;
  }
  body.showcase-page .spatial-map-pane {
    display:none!important;
  }
  body.showcase-page .knowledge-trail {
    height:auto!important;
    min-height:208px!important;
    display:flex!important;
    overflow:visible!important;
    padding:11px!important;
  }
  body.showcase-page .knowledge-history-head {
    order:1;
    flex:0 0 auto;
    padding-bottom:2px!important;
  }
  body.showcase-page .poster-history {
    order:2;
    min-height:163px;
    flex:0 0 auto;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-top:0!important;
    padding-top:2px!important;
  }
  body.showcase-page .spatial-map-actions {
    position:static!important;
    z-index:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    order:3;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    overflow:visible!important;
    margin:8px 0 0!important;
    transform:none!important;
  }
  body.showcase-page .spatial-map-actions .recommendation-shelf,
  body.showcase-page .spatial-map-actions .poster-relationship-nav-notice {
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:44px!important;
    margin:0!important;
  }
  body.showcase-page .spatial-map-actions .recommendation-shelf>button,
  body.showcase-page .spatial-map-actions .poster-relationship-nav-notice>button {
    position:static!important;
    width:100%!important;
    min-height:44px!important;
  }

  body.showcase-page .evidence-dock {
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:none!important;
    gap:8px!important;
    overflow:visible!important;
    padding:10px!important;
  }
  body.showcase-page .evidence-head {
    grid-area:auto!important;
    min-height:34px;
  }
  body.showcase-page .mobile-live-view-toggle {
    display:flex!important;
    min-width:130px;
    justify-content:center;
  }
  body.showcase-page .evidence-layout { display:contents!important; }
  body.showcase-page .evidence-dock .video-stage {
    grid-area:auto!important;
    display:none!important;
    height:clamp(180px,calc((100vw - 38px) * .5625),320px)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  body.showcase-page.evidence-expanded .evidence-dock .video-stage {
    display:block!important;
  }
  body.showcase-page .realtime-analysis-pane {
    grid-area:auto!important;
    min-height:0!important;
    display:block!important;
    overflow:visible!important;
  }
  body.showcase-page .realtime-analysis-head { display:none!important; }
  body.showcase-page .evidence-streams {
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    overflow:visible!important;
  }
  body.showcase-page .evidence-streams .visual-caption-rail,
  body.showcase-page .evidence-streams .asr-summary-card {
    height:auto!important;
    min-height:0!important;
  }
  body.showcase-page .evidence-streams .evidence-feed-list {
    max-height:none!important;
    overflow:visible!important;
  }
}

@media (max-width:720px) {
  .auth-page .auth-shell { width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none; }
  .auth-page .auth-panel { background:linear-gradient(180deg,rgba(247,250,255,.92),rgba(229,238,250,.96)); }
  .faces-page .header { padding-inline:14px; }
  .faces-page .brand { font-size:17px; }
  .showcase-page .navigation-stage { flex:0 0 240px; }
  .showcase-page .navigation-stage>egoposter-map { min-height:240px;height:240px;flex:none; }
}

/* The retired lockup must not return when the spatial workspace collapses to
   its mobile shell. Standalone browsers get a text product title; Android
   uses the native app bar and keeps only the web actions. */
@media (max-width:720px) {
  .showcase-page .co-brand { display:none!important; }
  .showcase-page .system-title { display:flex!important;margin-right:auto; }
  html[data-embed="android"] .showcase-page .system-title { display:none!important; }
}
html[data-embed="android"] .showcase-page .topbar { justify-content:flex-end; }

/* Native Android already provides language, account and app-level settings.
   The embedded web bar is a compact task rail, not a second full navigation
   header. My Poster sits immediately before recommendations, followed by the
   console, so the three primary tasks remain visible in narrow WebViews. */
@media (max-width:720px) {
  html[data-embed="android"] .showcase-page .topbar {
    height:46px;
    min-height:46px;
    overflow:hidden;
    padding:0 8px;
  }
  html[data-embed="android"] .showcase-page .top-actions {
    width:100%;
    min-width:0;
    flex:1 1 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(68px,.72fr);
    gap:6px;
    overflow:hidden;
  }
  html[data-embed="android"] .showcase-page #themePicker,
  html[data-embed="android"] .showcase-page #languagePicker,
  html[data-embed="android"] .showcase-page #preferenceManagerButton,
  html[data-embed="android"] .showcase-page #faceManagerButton,
  html[data-embed="android"] .showcase-page #favoritesButton,
  html[data-embed="android"] .showcase-page #sessionManagerButton,
  html[data-embed="android"] .showcase-page #fullscreenButton,
  html[data-embed="android"] .showcase-page #accessRoleBadge,
  html[data-embed="android"] .showcase-page #freshness,
  html[data-embed="android"] .showcase-page #highFiveStatus,
  html[data-embed="android"] .showcase-page #livePill { display:none!important; }
  html[data-embed="android"] .showcase-page #myPosterButton,
  html[data-embed="android"] .showcase-page #itineraryButton {
    width:100%;
    min-width:0;
    height:30px;
    max-width:none;
    justify-content:center;
    overflow:hidden;
    white-space:nowrap;
  }
  html[data-embed="android"] .showcase-page .mobile-task-button>span {
    flex:0 0 auto;
  }
  html[data-embed="android"] .showcase-page .mobile-task-button>span svg {
    width:15px;
    height:15px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  html[data-embed="android"] .showcase-page .mobile-task-button>em {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html[data-embed="android"] .showcase-page #itineraryCount {
    min-width:18px;
    max-width:26px;
    flex:0 0 auto;
    padding:0 4px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html[data-embed="android"] .showcase-page #operatorButton {
    width:100%;
    min-width:0;
    max-width:none;
    height:30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html[data-embed="android"] .showcase-page .connection-banner { top:52px; }
  html[data-embed="android"] .showcase-page .operator-panel {
    top:52px;
    height:calc(var(--egoposter-viewport-height) - 60px);
  }

  /* Paper context becomes a vertical reading card on phones. The former
     two-column layout squeezed long titles behind the history actions and
     could stack two session-state labels on the same line. */
  .showcase-page .paper-context {
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start;
    gap:9px;
    overflow:visible;
    padding:12px!important;
  }
  .showcase-page .context-copy,
  .showcase-page .poster-heading,
  .showcase-page .poster-identity { width:100%;min-width:0; }
  .showcase-page .poster-identity h1 {
    -webkit-line-clamp:3;
    font-size:19px!important;
    line-height:1.22!important;
    text-wrap:pretty;
    overflow-wrap:anywhere;
  }
  .showcase-page .context-actions {
    width:100%;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
  }
  .showcase-page .insight-topline {
    width:100%;
    min-width:0;
    flex:1 1 100%;
    align-items:flex-start;
    gap:7px;
  }
  .showcase-page .insight-topline>div {
    min-width:0;
    flex:1 1 auto;
    flex-wrap:wrap;
    gap:5px;
  }
  .showcase-page .poster-mode-badge,
  .showcase-page .poster-mode-hint { max-width:100%;overflow-wrap:anywhere;white-space:normal; }
  .showcase-page .back-live-button { flex:none;max-width:48%;white-space:normal; }
  .showcase-page .context-detail-button,
  .showcase-page .favorite-current-button { flex:1 1 calc(50% - 4px);min-width:0;justify-content:center; }
}

/* Final visual convergence: one type system and one Fog Blue color family. */
.showcase-page,
.showcase-page * { font-family:var(--fog-font)!important; }
.showcase-page {
  --accent-2:#6687b5;
  --accent-2-rgb:102,135,181;
  --green:#477fb9;
  --sp-green:#477fb9;
}
.showcase-page .section-kicker,
.showcase-page .itinerary-overview-kicker,
.showcase-page .itinerary-route-copy small,
.showcase-page .knowledge-history-title b { letter-spacing:.035em!important; }

/* Keep AI Vision compact in the workspace while the history panel retains the
   complete caption. Conversation summaries remain fully readable. */
.showcase-page .evidence-streams .visual-caption-viewport {
  height:auto!important;
  min-height:42px!important;
  overflow:hidden!important;
}
.showcase-page .evidence-streams .asr-summary-viewport {
  height:auto!important;
  min-height:42px!important;
  overflow:visible!important;
}
.showcase-page .evidence-streams .visual-caption-copy {
  display:-webkit-box!important;
  max-height:4.65em!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.showcase-page .evidence-streams .asr-summary-card p {
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}

/* Normal states stay within the blue family; red/amber remain reserved for
   actual errors and warnings. */
.showcase-page .poster-map-legend i.visited { background:#8eb9e9!important; }
.showcase-page .poster-map-legend i.current { background:#176bd7!important; }
.showcase-page .poster-map-legend i.recommended { background:#6687b5!important; }
.showcase-page .poster-map-legend i.unseen { background:#b8c9df!important; }
.showcase-page .spatial-profile small i.is-live,
.showcase-page .live-pill.is-live i,
.showcase-page .capture-signal.is-good i,
.showcase-page .route-dot { background:#477fb9!important;box-shadow:0 0 0 3px rgba(var(--fog-blue-rgb),.1)!important; }
.showcase-page .live-pill.is-live,
.showcase-page .capture-signal.is-good,
.showcase-page .high-five-status { border-color:rgba(var(--fog-blue-rgb),.24)!important;color:#356caa!important;background:rgba(var(--fog-blue-rgb),.07)!important; }
.showcase-page .recommendation-shelf {
  border-color:rgba(var(--fog-blue-rgb),.22)!important;
  background:linear-gradient(105deg,rgba(var(--fog-blue-rgb),.08),rgba(239,245,253,.68) 72%)!important;
  box-shadow:inset 2px 0 0 rgba(var(--fog-blue-rgb),.5)!important;
}
.showcase-page .recommendation-shelf-icon,
.showcase-page .recommendation-shelf>button>b,
.showcase-page .recommendation-shelf-copy small { border-color:rgba(var(--fog-blue-rgb),.24)!important;color:#4775ad!important;background:rgba(var(--fog-blue-rgb),.07)!important; }

/* Route/itinerary surfaces inherit the same editorial blue treatment instead
   of the legacy neon green and purple briefing palette. */
.showcase-page .itinerary-overview {
  border-color:rgba(var(--fog-blue-rgb),.2)!important;
  background:radial-gradient(circle at 82% 40%,rgba(var(--fog-blue-rgb),.11),transparent 34%),linear-gradient(145deg,rgba(248,251,255,.92),rgba(224,234,248,.88))!important;
  box-shadow:var(--fog-shadow-soft)!important;
}
.showcase-page .itinerary-overview-kicker,
.showcase-page .itinerary-overview-visual>b,
.showcase-page .itinerary-route-copy small,
.showcase-page .itinerary-route-preview button { color:#3e70aa!important; }
.showcase-page .itinerary-overview-kicker i,
.showcase-page .itinerary-route-icon span,
.showcase-page .route-dot.dot-a,
.showcase-page .route-dot.dot-b,
.showcase-page .route-dot.dot-c { background:#5d91d0!important;box-shadow:0 0 12px rgba(var(--fog-blue-rgb),.18)!important; }
.showcase-page .itinerary-orbit,
.showcase-page .itinerary-overview-visual>b,
.showcase-page .itinerary-route-preview,
.showcase-page .itinerary-route-icon,
.showcase-page .itinerary-route-preview button { border-color:rgba(var(--fog-blue-rgb),.25)!important; }
.showcase-page .itinerary-route-preview,
.showcase-page .itinerary-route-preview button { background:linear-gradient(135deg,rgba(var(--fog-blue-rgb),.09),rgba(244,248,254,.72))!important; }
.showcase-page .itinerary-route-preview:after,
.showcase-page .itinerary-route-icon i { background:linear-gradient(90deg,transparent,#79a6dc,transparent)!important;filter:none!important; }
.showcase-page .itinerary-header .section-kicker,
.showcase-page .itinerary-days button.active,
.showcase-page .itinerary-title-row b,
.showcase-page .itinerary-item-meta .duration { color:#3e70aa!important; }
.showcase-page .itinerary-panel,
.showcase-page .itinerary-header .detail-close,
.showcase-page .itinerary-days button.active,
.showcase-page .itinerary-title-row b,
.showcase-page .itinerary-item-meta .duration { border-color:rgba(var(--fog-blue-rgb),.25)!important; }
.showcase-page .itinerary-days button.active,
.showcase-page .itinerary-title-row b { background:rgba(var(--fog-blue-rgb),.08)!important;box-shadow:none!important; }
.showcase-page .itinerary-item,
.showcase-page .itinerary-item.kind-mentoring,
.showcase-page .itinerary-item.kind-social { --item-accent:71,127,185!important; }
.showcase-page .itinerary-route-icon b { color:#557eaf!important; }

/* A demo-only pause in the visit sequence. It reads as a spatial checkpoint,
   not another poster card, and stays translucent over the trail surface. */
.showcase-page .history-movement.is-rest {
  border:1px solid rgba(117,151,201,.22);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(207,224,247,.27));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 9px 24px rgba(58,86,127,.07);
  backdrop-filter:blur(14px) saturate(108%);
  -webkit-backdrop-filter:blur(14px) saturate(108%);
}
.showcase-page .history-movement.is-rest .history-movement-icon {
  width:31px;
  height:31px;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(207,225,250,.7));
  box-shadow:inset 0 1px 0 white,0 6px 14px rgba(49,91,151,.1);
}
.showcase-page .history-movement.is-rest small { margin-top:2px;color:#355f97;font-size:9px;font-weight:650; }
.showcase-page .history-movement.is-rest b { display:block;color:#7388a8;font-size:8px;font-weight:560;letter-spacing:.025em; }

/* Poster identity belongs to the captured scene. Centre it at the top of the
   video overlay instead of treating it as a left-hand metadata column. */
.showcase-page .spatial-video-meta {
  left:50%!important;
  right:auto!important;
  top:10px!important;
  width:min(70%,620px)!important;
  transform:translateX(-50%);
  place-items:center;
  gap:2px!important;
  padding:8px 18px 18px;
  text-align:center;
  background:none;
}
.showcase-page .spatial-video-meta>span { font-size:12px!important;letter-spacing:.08em!important; }
.showcase-page .spatial-video-meta h2 {
  max-width:100%;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:19px!important;
  font-weight:590!important;
  line-height:1.26!important;
}
.showcase-page .spatial-video-meta p,
.showcase-page .spatial-video-meta small { max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.showcase-page .spatial-video-meta p { margin-top:2px!important;font-size:11px!important; }
.showcase-page .spatial-video-meta small { font-size:10px!important; }

/* Poster Insight stays as three concise, labelled takeaways. */
.showcase-page .intelligence-head { justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap; }
.showcase-page .intelligence-head>strong { font-size:17px!important;font-weight:700!important; }
.showcase-page .intelligence-head>i { margin-left:auto; }
.showcase-page .intelligence-core>.executive-summary {
  position:fixed!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.showcase-page .spatial-analysis-keywords {
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.showcase-page .spatial-analysis-keywords[hidden] { display:none!important; }
.showcase-page .spatial-analysis-keywords>span {
  border:1px solid rgba(var(--fog-blue-rgb),.2);
  border-radius:999px;
  padding:3px 8px;
  color:#37679f;
  background:rgba(240,247,255,.62);
  font-size:10px!important;
  font-weight:620;
  line-height:1.2!important;
  white-space:nowrap;
}
.showcase-page .spatial-analysis-notebook {
  min-height:0;
  display:grid!important;
  flex:1 1 auto;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  overflow:hidden!important;
}
.showcase-page .spatial-analysis-notebook>div { grid-template-columns:122px minmax(0,1fr)!important;gap:14px!important;padding:8px 3px!important; }
.showcase-page .spatial-analysis-notebook span { font-size:13px!important;line-height:1.35!important; }
.showcase-page .spatial-analysis-notebook p {
  display:-webkit-box!important;
  overflow:hidden!important;
  font-size:13px!important;
  line-height:1.48!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow-wrap:anywhere;
}

@media (min-width:1101px) {
  /* Keep the compact trail, but preserve the original poster-card dimensions.
     Context such as movement and rest stops occupies the space between cards. */
  .showcase-page .navigation-core>.knowledge-trail { height:100%!important;min-height:0;padding:10px 12px!important; }
  .showcase-page .knowledge-history-head { padding-bottom:6px!important; }
  .showcase-page .poster-history {
    align-items:flex-end!important;
    gap:0!important;
    overflow-x:auto!important;
    margin-top:0!important;
    padding:6px 2px 2px!important;
  }
  .showcase-page .history-item {
    width:128px!important;
    min-width:128px!important;
    flex:0 0 128px!important;
    grid-template-rows:18px minmax(0,1fr)!important;
  }
  .showcase-page .history-select {
    height:132px!important;
    grid-template-rows:86px auto!important;
  }
  .showcase-page .history-movement {
    width:76px!important;
    min-width:76px!important;
    height:132px!important;
    flex:0 0 76px!important;
    padding-top:18px!important;
  }
  .showcase-page .history-movement.is-rest {
    width:96px!important;
    min-width:96px!important;
    flex-basis:96px!important;
    padding-top:12px!important;
  }
  .showcase-page .history-movement-line { top:58px!important; }
}

/* Collapsible desktop navigation: the compact rail preserves every primary
   action while giving the live view and spatial map the recovered width. */
.showcase-page .spatial-sidebar-toggle { display:none; }
@media (min-width:1101px) {
  .showcase-page .spatial-sidebar,
  .showcase-page .showcase-shell {
    transition:width .26s cubic-bezier(.2,.8,.2,1),margin-left .26s cubic-bezier(.2,.8,.2,1);
  }
  .showcase-page .spatial-sidebar-toggle {
    position:absolute;
    z-index:4;
    right:-14px;
    top:76px;
    width:29px;
    height:36px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(102,137,187,.28);
    border-radius:0 12px 12px 0;
    color:#2e65a8;
    background:linear-gradient(145deg,rgba(251,253,255,.94),rgba(215,229,248,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),7px 8px 20px rgba(48,77,120,.1);
    cursor:pointer;
  }
  .showcase-page .spatial-sidebar-toggle:hover { color:#155fbd;background:rgba(248,252,255,.98); }
  .showcase-page .spatial-sidebar-toggle svg {
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .26s cubic-bezier(.2,.8,.2,1);
  }
  .showcase-page.sidebar-collapsed .spatial-sidebar { width:68px; }
  html[data-panel] body.showcase-page.sidebar-collapsed .showcase-shell,
  html[data-panel="auto"] body.showcase-page.sidebar-collapsed .showcase-shell {
    width:calc(100vw - 92px);
    margin-left:76px;
  }
  .showcase-page.sidebar-collapsed .spatial-sidebar-toggle svg { transform:rotate(180deg); }
  .showcase-page.sidebar-collapsed .spatial-brand {
    min-height:76px;
    place-items:center;
    padding:15px 0 10px;
    text-align:center;
  }
  .showcase-page.sidebar-collapsed .spatial-brand strong { font-size:0;letter-spacing:0; }
  .showcase-page.sidebar-collapsed .spatial-brand strong:after { content:"E";font-size:25px;font-weight:740;letter-spacing:-.04em; }
  .showcase-page.sidebar-collapsed .spatial-brand span,
  .showcase-page.sidebar-collapsed .spatial-primary-nav button>span,
  .showcase-page.sidebar-collapsed .spatial-more h2,
  .showcase-page.sidebar-collapsed .spatial-more button>b,
  .showcase-page.sidebar-collapsed .spatial-more button>em,
  .showcase-page.sidebar-collapsed .spatial-utility-row,
  .showcase-page.sidebar-collapsed .spatial-profile>span:nth-child(2),
  .showcase-page.sidebar-collapsed .spatial-profile-chevron { display:none!important; }
  .showcase-page.sidebar-collapsed .spatial-primary-nav { gap:5px;padding:5px 7px; }
  .showcase-page.sidebar-collapsed .spatial-primary-nav button {
    min-height:51px;
    justify-content:center;
    padding:0;
    border-radius:13px;
  }
  .showcase-page.sidebar-collapsed .spatial-primary-nav button:before { left:-7px; }
  .showcase-page.sidebar-collapsed .spatial-primary-nav svg { width:25px;height:25px; }
  .showcase-page.sidebar-collapsed .spatial-nav-divider { margin:8px 10px 10px; }
  .showcase-page.sidebar-collapsed .spatial-more { gap:3px;padding:0 8px; }
  .showcase-page.sidebar-collapsed .spatial-more button {
    height:34px;
    display:grid;
    grid-template-columns:1fr;
    place-items:center;
    padding:0;
  }
  .showcase-page.sidebar-collapsed .spatial-more button>span { width:22px;height:22px; }
  .showcase-page.sidebar-collapsed .spatial-sidebar-foot { padding:7px; }
  .showcase-page.sidebar-collapsed .spatial-profile {
    min-height:52px;
    display:grid;
    grid-template-columns:1fr;
    place-items:center;
    padding:6px;
  }
  .showcase-page.sidebar-collapsed .spatial-avatar { width:38px;height:38px; }
}

@media (prefers-reduced-motion:reduce) {
  .showcase-page .spatial-sidebar,
  .showcase-page .showcase-shell,
  .showcase-page .spatial-sidebar-toggle svg { transition:none!important; }
}

/* Legacy neon purge. The original UI used cyan, green and violet as generic
   decoration. Normal states now resolve through a single muted-blue accent;
   amber and red remain available only for warnings and failures. */
.showcase-page {
  --accent:var(--fog-blue);
  --accent-rgb:var(--fog-blue-rgb);
  --accent-2:#6687b5;
  --accent-2-rgb:102,135,181;
  --green:#477fb9;
  --sp-green:#477fb9;
}
.showcase-page .section-kicker {
  color:#426d9f!important;
  font-family:var(--fog-font)!important;
  font-size:10px!important;
  font-weight:680!important;
  letter-spacing:.075em!important;
}
.showcase-page #evidenceToggleButton i,
.showcase-page #evidenceToggleButton i svg { color:#2f70b9!important;stroke:currentColor!important; }
.showcase-page .brand-logo-shell {
  border-color:rgba(var(--fog-blue-rgb),.2)!important;
  background:linear-gradient(145deg,rgba(var(--fog-blue-rgb),.09),rgba(102,135,181,.06))!important;
  box-shadow:inset 0 0 16px rgba(var(--fog-blue-rgb),.04),0 0 18px rgba(var(--fog-blue-rgb),.06)!important;
}
.showcase-page .system-title {
  border-color:rgba(var(--fog-blue-rgb),.16)!important;
  background:linear-gradient(120deg,rgba(var(--fog-blue-rgb),.065),rgba(102,135,181,.045))!important;
  box-shadow:inset 0 0 14px rgba(var(--fog-blue-rgb),.03)!important;
}
.showcase-page #productTagline {
  background-image:linear-gradient(95deg,#234d86 5%,#176bd7 52%,#6687b5 94%)!important;
}
.showcase-page .face-manager-button>i,
.showcase-page .preference-manager-button>i,
.showcase-page #faceManagerCount,
.showcase-page #preferenceManagerCount {
  border-color:rgba(var(--fog-blue-rgb),.24)!important;
  color:#2f6eaf!important;
  background:rgba(var(--fog-blue-rgb),.08)!important;
  outline-color:rgba(var(--fog-blue-rgb),.4)!important;
}
.showcase-page .context-status {
  border-color:rgba(var(--fog-blue-rgb),.16)!important;
  background:rgba(var(--fog-blue-rgb),.045)!important;
}
.showcase-page .context-detail-button {
  border-color:rgba(var(--fog-blue-rgb),.24)!important;
  color:#35649f!important;
  background:rgba(var(--fog-blue-rgb),.07)!important;
  box-shadow:inset 0 0 14px rgba(var(--fog-blue-rgb),.035)!important;
}
.showcase-page .context-detail-button i { color:#2c6fba!important; }
.showcase-page #summaryPulse { background:#397fca!important;box-shadow:0 0 0 4px rgba(var(--fog-blue-rgb),.08)!important; }
.showcase-page .summary-points {
  border-color:rgba(var(--fog-blue-rgb),.18)!important;
  background:linear-gradient(105deg,rgba(var(--fog-blue-rgb),.08),rgba(230,239,251,.48) 68%,rgba(102,135,181,.035))!important;
  box-shadow:inset 3px 0 0 rgba(var(--fog-blue-rgb),.5)!important;
}
.showcase-page .keyword-chips button { border-color:rgba(var(--fog-blue-rgb),.15)!important; }
.showcase-page .video-stage {
  box-shadow:inset 0 0 42px rgba(15,45,75,.09),0 0 18px rgba(var(--fog-blue-rgb),.045)!important;
}
.showcase-page .visual-caption-rail[data-kind="title"],
.showcase-page .visual-caption-rail[data-kind="result"],
.showcase-page .visual-caption-rail[data-kind="motion"],
.showcase-page .visual-caption-rail[data-kind="arrival"],
.showcase-page .visual-caption-rail[data-kind="hold"] {
  border-color:rgba(var(--fog-blue-rgb),.22)!important;
  background:rgba(231,239,251,.86)!important;
  box-shadow:inset 2px 0 0 rgba(var(--fog-blue-rgb),.42),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
.showcase-page .visual-caption-rail[data-kind] .visual-caption-source { color:#315f98!important; }
.showcase-page .face-gesture-sequence i,
.showcase-page #faceRegisteredTotal,
.showcase-page #facePendingTotal { color:#2f72b8!important; }

/* Stable account anchor, familiar hamburger navigation, and balanced live
   analysis cards. The account remains reachable on shorter displays. */
@media (min-width:1101px) {
  .showcase-page .spatial-brand,
  .showcase-page .spatial-primary-nav,
  .showcase-page .spatial-nav-divider { flex:0 0 auto; }
  .showcase-page .spatial-brand {
    min-height:82px;
    grid-template-columns:minmax(0,1fr) 36px;
    grid-template-rows:auto auto;
    align-content:start;
    column-gap:10px;
    row-gap:5px;
    padding:15px 14px 12px;
  }
  .showcase-page .spatial-brand strong {
    grid-column:1;
    grid-row:1;
    align-self:center;
  }
  .showcase-page .spatial-brand span {
    grid-column:1 / -1;
    grid-row:2;
  }
  .showcase-page .spatial-more {
    min-height:0;
    flex:1 1 auto;
    align-content:start;
    grid-auto-rows:max-content;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(var(--fog-blue-rgb),.22) transparent;
  }
  .showcase-page .spatial-sidebar-foot {
    position:relative;
    z-index:3;
    flex:0 0 auto;
    margin-top:0;
    border-top:1px solid rgba(93,125,171,.13);
    background:linear-gradient(180deg,rgba(224,234,248,.72),rgba(219,230,247,.96));
    box-shadow:0 -12px 25px rgba(76,99,135,.055);
    backdrop-filter:blur(18px) saturate(112%);
  }
  .showcase-page .spatial-profile {
    border-color:rgba(105,139,187,.2);
    background:linear-gradient(145deg,rgba(250,252,255,.72),rgba(225,235,249,.72));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 7px 20px rgba(58,86,126,.07);
  }
  .showcase-page .spatial-profile:hover {
    border-color:rgba(var(--fog-blue-rgb),.32);
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(229,239,252,.84));
  }
  .showcase-page .spatial-profile[aria-expanded="true"] {
    border-color:rgba(var(--fog-blue-rgb),.4);
    background:rgba(250,252,255,.9);
  }
  .showcase-page .spatial-sidebar-toggle {
    left:auto;
    right:14px;
    top:15px;
    width:36px;
    height:36px;
    border-radius:11px;
    border-color:rgba(93,130,181,.18);
    color:#214f8e;
    background:rgba(250,252,255,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 7px 18px rgba(51,78,119,.07);
    backdrop-filter:blur(12px);
  }
  .showcase-page .spatial-sidebar-toggle:hover {
    color:#155fbd;
    background:rgba(255,255,255,.82);
  }
  .showcase-page .spatial-sidebar-toggle svg {
    width:20px;
    height:20px;
    transform:none!important;
  }
  .showcase-page.sidebar-collapsed .spatial-brand {
    min-height:60px;
    padding:0;
  }
  .showcase-page.sidebar-collapsed .spatial-brand strong,
  .showcase-page.sidebar-collapsed .spatial-brand strong:after,
  .showcase-page.sidebar-collapsed .spatial-brand span {
    display:none!important;
    content:none!important;
  }
  .showcase-page.sidebar-collapsed .spatial-sidebar-toggle {
    left:16px;
    right:auto;
  }
  .showcase-page.sidebar-collapsed .spatial-sidebar-foot {
    display:block;
    padding:7px;
  }
  .showcase-page.sidebar-collapsed .spatial-profile { display:grid!important; }

  .showcase-page .evidence-streams .visual-caption-rail,
  .showcase-page .evidence-streams .asr-summary-card {
    height:auto!important;
    min-height:92px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:4px 10px!important;
    padding:7px 10px!important;
  }
  .showcase-page .evidence-streams .visual-caption-source,
  .showcase-page .evidence-streams .asr-summary-source {
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    white-space:normal!important;
  }
  .showcase-page .evidence-streams .visual-caption-history,
  .showcase-page .evidence-streams .asr-summary-more {
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
  }
  .showcase-page .evidence-streams .visual-caption-viewport,
  .showcase-page .evidence-streams .asr-summary-viewport {
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%;
    height:auto!important;
    min-height:34px!important;
    max-height:40px!important;
    display:grid;
    place-items:start;
    overflow:hidden!important;
  }

  .showcase-page .evidence-streams .evidence-feed-list {
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  .showcase-page .evidence-streams .visual-caption-viewport {
    overflow:hidden!important;
  }
  .showcase-page .evidence-streams .visual-caption-copy {
    display:-webkit-box!important;
    max-height:3.1em!important;
    overflow:hidden!important;
    margin:0!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:14px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .showcase-page .evidence-streams .asr-summary-card p {
    display:-webkit-box!important;
    max-height:3.1em!important;
    overflow:hidden!important;
    margin:0!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:14px!important;
    line-height:1.55!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .showcase-page .evidence-layout {
    grid-template-rows:minmax(0,1fr) 287px!important;
  }
  .showcase-page .evidence-streams {
    height:287px;
    min-height:287px;
    overflow:hidden!important;
  }
  .showcase-page .realtime-analysis-pane .evidence-streams {
    height:100%;
    min-height:0;
  }
  .showcase-page .realtime-analysis-pane .visual-caption-source b,
  .showcase-page .realtime-analysis-pane .asr-summary-source b {
    font-size:13px!important;
  }
  .showcase-page .realtime-analysis-pane .evidence-feed-item>span {
    font-size:11px!important;
  }
  .showcase-page .realtime-analysis-pane .evidence-feed-item>p {
    font-size:14px!important;
    line-height:1.5!important;
  }
  .showcase-page .realtime-analysis-pane .asr-summary-card {
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .showcase-page .realtime-analysis-pane .asr-summary-card .evidence-feed-list {
    height:100%;
    min-height:0;
    align-content:center;
    align-content:safe center;
    padding-right:2px;
  }
}

/* Administrator console follows the same Fog Blue editorial system as the
   primary workspace while keeping status colors semantic. */
html:has(body.overview-page) { color-scheme:light; }
.overview-page,
.overview-page * { font-family:var(--fog-font)!important; }
.overview-page {
  --accent-2:#6687b5;
  --accent-2-rgb:102,135,181;
  min-height:100dvh;
}
.overview-page .overview-topbar {
  height:76px;
  padding:0 26px;
  border:1px solid rgba(255,255,255,.66);
  border-width:0 0 1px;
  background:linear-gradient(110deg,rgba(248,251,255,.83),rgba(225,235,248,.72));
  box-shadow:0 10px 35px rgba(57,80,116,.07),inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(25px) saturate(118%);
}
.overview-page .brand img { width:38px;height:38px; }
.overview-page .brand strong { font-size:15px;font-weight:720;letter-spacing:-.015em; }
.overview-page .brand small { margin-top:3px;font-size:9px;letter-spacing:.1em; }
.overview-page .overview-heading {
  gap:7px;
  padding:5px;
  border:1px solid rgba(94,126,173,.16);
  border-radius:11px;
  background:rgba(250,252,255,.42);
  letter-spacing:0;
}
.overview-page .overview-mode { min-height:34px;padding:0 13px;border-radius:8px;font-size:11px; }
.overview-page .overview-mode.is-active {
  color:#1759af;
  background:rgba(215,231,252,.75);
  box-shadow:inset 0 0 0 1px rgba(var(--fog-blue-rgb),.11);
}
.overview-page .overview-heading>i { display:none; }
.overview-page .overview-heading>b { padding:0 8px;color:#617a9c;font-size:10px; }
.overview-page .top-actions button,
.overview-page .top-actions>a,
.overview-page .language-toggle {
  min-height:36px;
  border-radius:10px;
  color:#526d91;
  background:rgba(250,252,255,.56);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.overview-page .overview-grid,
.overview-page .fleet-grid { min-height:calc(100vh - 76px);padding:16px;gap:14px; }
.overview-page .overview-grid.is-empty {
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(calc(100dvh - 108px),1fr)!important;
  grid-auto-rows:auto!important;
  place-items:center!important;
}
.overview-page .overview-grid.is-empty .empty-state {
  width:min(520px,calc(100vw - 48px));
  justify-self:center;
  align-self:center;
}
.overview-page .overview-tile,
.overview-page .fleet-card,
.overview-page .fleet-health {
  border-color:rgba(255,255,255,.68);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(248,251,255,.72),rgba(221,232,247,.66));
  box-shadow:0 18px 48px rgba(55,78,113,.09),inset 0 1px 0 rgba(255,255,255,.86),inset 0 0 0 1px rgba(91,125,174,.08);
  backdrop-filter:blur(20px) saturate(112%);
}
.overview-page .tile-head,
.overview-page .fleet-head { min-height:48px;border-color:rgba(93,125,171,.14);background:rgba(250,252,255,.24); }
.overview-page .fleet-bind,
.overview-page .fleet-metric,
.overview-page .fleet-poster,
.overview-page .mini-preference,
.overview-page .mini-asr,
.overview-page .mini-map,
.overview-page .mini-history,
.overview-page .mini-visual,
.overview-page .mini-recommendations {
  border-color:rgba(101,133,179,.16);
  background:rgba(249,252,255,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
.overview-page .account-panel {
  top:76px;
  border-color:rgba(255,255,255,.65);
  background:linear-gradient(160deg,rgba(244,249,255,.94),rgba(221,232,247,.93));
  backdrop-filter:blur(26px) saturate(115%);
}
.overview-page .account-option {
  border-color:rgba(101,133,179,.16);
  border-radius:12px;
  background:rgba(250,252,255,.5);
}
.overview-page .login-layer,
.overview-page .confirm-layer {
  background:rgba(103,121,151,.2);
  backdrop-filter:blur(28px) saturate(105%);
}
.overview-page .admin-login-card,
.overview-page .confirm-card {
  width:min(460px,calc(100vw - 36px));
  padding:34px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(250,252,255,.92),rgba(223,234,249,.89));
  box-shadow:0 34px 100px rgba(51,72,106,.2),inset 0 1px 0 rgba(255,255,255,.94),inset 0 0 0 1px rgba(101,132,177,.08);
  backdrop-filter:blur(28px) saturate(115%);
}
.overview-page .admin-login-brand { display:flex;align-items:center;gap:12px; }
.overview-page .admin-login-brand .login-mark {
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid rgba(96,128,174,.17);border-radius:14px;
  background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.overview-page .admin-login-brand .login-mark img { width:34px;height:34px; }
.overview-page .admin-login-brand>span { display:grid;gap:3px; }
.overview-page .admin-login-brand strong { color:#173f7f;font-size:17px;font-weight:730; }
.overview-page .admin-login-brand small { color:#7488a4;font-size:9px;font-weight:650;letter-spacing:.1em; }
.overview-page .admin-login-card .kicker { margin-top:28px;color:#366ba9;font-size:9px;font-weight:680;letter-spacing:.11em; }
.overview-page .admin-login-card h1 { margin:8px 0 7px;color:#172f53;font-size:28px;letter-spacing:-.025em; }
.overview-page .admin-login-card>p { font-size:12px;line-height:1.65; }
.overview-page .admin-login-card label { gap:8px;margin-top:16px;font-size:11px;font-weight:600; }
.overview-page .admin-login-card input {
  min-height:45px;padding:0 13px;border-radius:11px;
  background:rgba(252,253,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.overview-page .admin-login-card>button {
  min-height:46px;margin-top:22px;border-radius:11px;
  background:linear-gradient(105deg,#176bd7,#4b87d5);
  box-shadow:0 13px 30px rgba(var(--fog-blue-rgb),.2),inset 0 1px 0 rgba(255,255,255,.28);
}
.overview-page .admin-login-card>a { color:#607797;font-size:11px; }

/* Android Content is a reading feed: lead with the live camera and its two
   real-time interpretation rails, then continue into the generated context,
   summary and spatial history. The generic phone layout was map-first and
   reserved a desktop-sized fixed block for empty feeds, which appeared as a
   large blank region in the native WebView. */
@media (max-width:720px) {
  html[data-embed="android"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page[data-scene] .showcase-shell {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(390px,auto)!important;
    grid-template-areas:"evidence" "navigation"!important;
    align-content:start;
  }
  /* The desktop spatial workspace no longer shows the legacy scene-state
     context card. Keep Android Content aligned with it instead of reviving
     messages such as "AI reading the scene" between the live feed and map. */
  html[data-embed="android"] body.showcase-page .paper-context {
    display:none!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-dock {
    min-height:0;
    grid-template-rows:auto auto auto;
    overflow:visible;
    opacity:1;
  }
  html[data-embed="android"] body.showcase-page .evidence-layout {
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto!important;
    gap:9px;
    overflow:visible;
  }
  html[data-embed="android"] body.showcase-page .evidence-dock .video-stage {
    width:100%;
    height:clamp(180px,calc((100vw - 38px) * .5625),320px);
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams {
    position:relative;
    height:auto!important;
    min-height:0!important;
    display:grid;
    flex-basis:auto;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto!important;
    align-content:start;
    gap:8px;
    overflow:visible!important;
    padding-top:24px;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams:before {
    content:"实时分析"!important;
    position:absolute;
    top:1px;
    left:2px;
    color:#466688;
    font-family:var(--fog-font)!important;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.02em;
  }
  html[data-embed="android"][data-language="en"] body.showcase-page .evidence-streams:before {
    content:"Real-time analysis"!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .visual-caption-rail,
  html[data-embed="android"] body.showcase-page .evidence-streams .asr-summary-card {
    height:auto!important;
    min-height:68px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:6px 9px!important;
    padding:9px 10px!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .visual-caption-source b,
  html[data-embed="android"] body.showcase-page .evidence-streams .asr-summary-source b {
    font-size:11px!important;
    line-height:1.35;
    letter-spacing:.01em!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .evidence-feed-list {
    min-height:0;
    gap:4px;
    overflow:visible;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .evidence-feed-item {
    grid-template-columns:64px minmax(0,1fr);
    gap:7px;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .evidence-feed-item>span {
    min-width:0;
    font-family:var(--fog-font)!important;
    font-size:9px;
    font-weight:600;
    line-height:1.45;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .evidence-feed-item>p {
    max-height:3em;
    font-size:11px;
    line-height:1.5;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .evidence-feed-empty {
    align-self:start;
    margin:2px 0 0;
    font-size:11px;
    line-height:1.45;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams .visual-caption-viewport,
  html[data-embed="android"] body.showcase-page .evidence-streams .asr-summary-viewport {
    min-height:0!important;
    max-height:none!important;
  }
}

@media (max-width:720px) {
  html[data-embed="android"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page[data-scene] .showcase-shell {
    grid-template-rows:auto auto!important;
    grid-template-areas:"navigation" "evidence"!important;
  }
}