.cd-gate-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(3, 10, 18, 0.94) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  animation: cdFadeIn 0.25s ease-out !important;
}
@keyframes cdFadeIn {
  from { opacity: 0; } to { opacity: 1; }
}
.cd-gate-card {
  max-width: 480px !important;
  width: 100% !important;
  background: linear-gradient(160deg, #0d1e33, #071321 80%) !important;
  border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
  border-radius: 20px !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.8), 0 0 30px rgba(245, 158, 11, 0.15) !important;
  padding: 28px !important;
  color: #e2f1ff !important;
  text-align: center !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.cd-gate-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  color: #fcd34d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
}
.cd-pulse-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #f59e0b !important;
  box-shadow: 0 0 8px #f59e0b !important;
  animation: cdPulse 1.8s infinite !important;
}
@keyframes cdPulse {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.6; }
}
.cd-gate-icon {
  font-size: 42px !important;
  margin-bottom: 8px !important;
  filter: drop-shadow(0 4px 10px rgba(245, 158, 11, 0.3)) !important;
}
.cd-gate-card h2 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin-bottom: 6px !important;
  letter-spacing: -0.01em !important;
}
.cd-gate-sub {
  font-size: 13px !important;
  color: #94a3b8 !important;
  line-height: 1.5 !important;
  margin-bottom: 22px !important;
}
.cd-form-group {
  text-align: left !important;
  margin-bottom: 16px !important;
}
.cd-form-group label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #7dd3fc !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}
.cd-form-group input {
  width: 100% !important;
  box-sizing: border-box !important;
  background: #06111e !important;
  border: 1.5px solid rgba(56, 189, 248, 0.3) !important;
  color: #ffffff !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  outline: none !important;
  transition: all 0.2s !important;
}
.cd-form-group input:focus {
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2) !important;
}
.cd-btn-start {
  width: 100% !important;
  padding: 13px 20px !important;
  margin-top: 10px !important;
  border-radius: 12px !important;
  border: none !important;
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  box-shadow: 0 10px 25px rgba(245, 158, 11, 0.35) !important;
  transition: all 0.2s !important;
}
.cd-btn-start:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(245, 158, 11, 0.5) !important;
  filter: brightness(1.08) !important;
}
.cd-btn-start:active {
  transform: translateY(0) scale(0.99) !important;
}

/* Topbar Player Badge */
.cd-topbar-player {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(15, 30, 48, 0.85) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  color: #fef08a !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.2s !important;
}
.cd-topbar-player:hover {
  border-color: #f59e0b !important;
  background: rgba(245, 158, 11, 0.15) !important;
}
.cd-topbar-player .edit-hint {
  font-size: 10px !important;
  color: #94a3b8 !important;
  text-decoration: underline !important;
  margin-left: 2px !important;
}

/* Report Success Toast */
.cd-report-modal {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  max-width: 420px !important;
  width: 90% !important;
  z-index: 99999 !important;
  background: #08111e !important; background-color: #08111e !important;
  border: 2px solid #10b981 !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 25px rgba(16, 185, 129, 0.2) !important;
  padding: 18px 20px !important;
  color: #e2f1ff !important;
  animation: cdSlideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes cdSlideUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.cd-report-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}
.cd-report-title {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #34d399 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.cd-report-body {
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: #cbd5e1 !important;
}
.cd-report-actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
}
.cd-btn-sheet {
  flex: 1 !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  background: rgba(14, 165, 233, 0.15) !important;
  color: #38bdf8 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
.cd-btn-sheet:hover {
  background: rgba(14, 165, 233, 0.3) !important;
  color: #fff !important;
}
.cd-btn-close {
  background: transparent !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  color: #94a3b8 !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  font-size: 11.5px !important;
  cursor: pointer !important;
}
.cd-btn-close:hover {
  color: #fff !important;
}

/* Chuẩn hóa nút đóng (X) - 100% căn đúng tâm 2 trục tuyệt đối */
.cd-btn-close-icon,
.iconbtn[data-action="close"],
.dialog-header button,
.dialog-head button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  background: rgba(15, 23, 42, 0.7) !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  transition: all 0.15s ease !important;
}
.cd-btn-close-icon:hover,
.iconbtn[data-action="close"]:hover,
.dialog-header button:hover,
.dialog-head button:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}
.cd-btn-close-icon svg,
.iconbtn[data-action="close"] svg,
.dialog-header button svg,
.dialog-head button svg {
  display: block !important;
  margin: 0 auto !important;
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
  pointer-events: none !important;
}


/* Home is the sole source of the design tokens. */
:root{color-scheme:dark;--font-primary:'Be Vietnam Pro',Arial,sans-serif;--font-display:'Playfair Display',Georgia,serif;--font-code:'JetBrains Mono',monospace;--color-background:#0b1211;--color-surface:#111c19;--color-text-primary:#eee9dc;--color-text-secondary:#a3afa7;--color-accent:#d4b779;--color-border:#2b3830;--radius-card:7px;--radius-button:4px;--shadow-card:0 22px 45px #0003;--font-sans:var(--font-primary);--font-main:var(--font-primary);--font-serif:var(--font-display);--font-mono:var(--font-code);--bg:var(--color-background);--bg-deep:var(--bg);--bg-soft:var(--color-surface);--sidebar:var(--bg);--surface:var(--color-surface);--panel:var(--color-surface);--panel-2:#19271f;--panel-3:#203329;--raised:#19271f;--hover:#21372b;--hover-bright:#2b4434;--text:var(--color-text-primary);--paper:var(--text);--secondary:var(--color-text-secondary);--muted:var(--secondary);--gold:var(--color-accent);--gold-bright:#e9ce94;--gold-deep:#aa8f58;--line:var(--color-border);--line-strong:#72623e;--line-cyan:#4b6b5c;--cyan:#9bc6ba;--teal:#9bc6ba;--green:#9bc6ba;--green-soft:#b9d4be;--red:#bd675b;--rose-soft:#d69b8f;--orange:#d4b779;--purple:#b0a1bf;--ink:#172219;--radius:7px;--radius-sm:4px;--radius-lg:7px;--shadow:var(--shadow-card);--case-accent:var(--gold)}
html{background:var(--bg);scroll-padding-top:130px}body{background:var(--bg)!important;color:var(--text);font:400 14px/1.7 var(--font-primary);margin:0;overflow-x:clip}body::before,body::after{display:none!important}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button,[role=button]{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold)!important;outline-offset:4px}::selection{background:var(--gold);color:var(--bg)}a{color:inherit}p,li,td,th,label,h1,h2,h3,h4,button{overflow-wrap:break-word}svg{max-width:100%;height:auto}svg text{font-family:var(--font-primary)}h1,h2,h3,h4{text-shadow:none!important;color:var(--text);text-transform:none;letter-spacing:normal}h1,h2{font-family:var(--font-display);font-weight:500;line-height:1.25}h1{font-size:clamp(36px,4.7vw,65px);letter-spacing:-2.2px}h2{font-size:34px;letter-spacing:-.7px}h3{font-size:18px;font-weight:600;line-height:1.5}p{line-height:1.85}.muted{color:var(--muted)!important}.small{font-size:13px;line-height:1.85}.tiny{font-size:12px;line-height:1.75}.eyebrow,.code,.code-font,.mono,.caption{font:400 10px/1.8 var(--font-code);letter-spacing:1.5px;color:var(--gold)}
/* The Home navigation, adapted to the investigation workspace. */
.cd-skip{position:fixed;top:-80px;left:16px;z-index:20000;padding:12px 20px;background:var(--gold);color:var(--ink)}.cd-skip:focus{top:12px}.case-portal-nav{height:84px;position:relative;z-index:80;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1440px)/2 + 32px));border-bottom:1px solid #d4b77922;background:#0b1211ed}.studio-portal-brand{display:flex!important;align-items:center;gap:12px;text-decoration:none!important;color:var(--text)!important;font:500 25px/1.2 var(--font-display);letter-spacing:-1px}.studio-portal-brand svg{width:38px;height:44px;color:var(--gold)}.studio-portal-brand small{display:block;margin-top:5px;color:#9eaa9f;font:400 8px var(--font-code);letter-spacing:2.3px}.studio-case-code{color:var(--gold);font:400 10px var(--font-code);letter-spacing:1.6px}.studio-portal-actions{display:flex;gap:26px;margin-left:auto;align-items:center}.studio-portal-actions a{font-size:12px;text-decoration:none;color:#b9c2b9}.studio-portal-actions a:hover{color:var(--gold)}.studio-admin-link{display:none}.app,.app-container{display:grid!important;grid-template-columns:216px minmax(0,1fr);max-width:1440px;margin:auto;min-height:calc(100dvh - 84px)}.main,.main-content{min-width:0;margin:0!important}.sidebar{width:auto!important;position:sticky!important;top:0;height:100dvh;background:var(--bg)!important;padding:30px 18px 24px;border-right:1px solid var(--line);box-shadow:none!important;overflow:auto;scrollbar-width:thin}.sidebar .brand{display:none!important}.nav-label{font:400 9px/1.7 var(--font-code);letter-spacing:1.6px;color:var(--muted);padding:0 9px 16px}.sidebar nav,.nav-menu{display:flex;flex-direction:column;gap:5px}.navbtn,.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;min-height:44px;border:1px solid transparent!important;border-radius:var(--radius-button);background:none!important;color:var(--muted)!important;font-size:12px;font-weight:500;line-height:1.6;text-align:left;transform:none!important;box-shadow:none!important;transition:background .2s,color .2s}.navbtn svg,.nav-item svg{flex:none;width:18px;height:18px;stroke-width:1.6;color:inherit!important}.navbtn.current,.nav-item.active{background:#d4b7790c!important;border-color:#d4b77933!important;color:var(--gold)!important}.navbtn:hover,.nav-item:hover{background:#d4b77908!important;color:var(--text)!important}.nav-item.active:before{display:none}.nav-badge,.badge{margin-left:auto;background:#d4b7790c!important;color:var(--gold)!important;border:1px solid var(--line)!important;border-radius:3px;font:10px var(--font-code)!important;padding:2px 5px}.side-foot{background:none!important;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 8px;margin-top:28px;box-shadow:none}.side-foot p,.side-foot>div{color:var(--muted)!important}.side-foot>div{font-size:9px!important}.topbar{position:sticky!important;top:0!important;background:#0b1211f5!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:none!important;min-height:76px;height:auto;padding:15px 28px!important;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:40}.vh-head-left{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.topbar .vh-rec,.topbar .vh-code{display:none}.vh-crumb-title{font:500 19px/1.5 var(--font-display)!important;color:var(--text)!important;letter-spacing:-.3px!important;white-space:normal}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.vh-prog{font:10px var(--font-code)!important;color:var(--muted)!important;background:none!important;border:0!important;padding:0 5px!important}.vh-prog b{color:var(--gold)}.save-state{font-size:10px;color:var(--muted)}.dot{box-shadow:none!important;background:var(--teal)}.iconbtn{min-width:36px;min-height:36px;border:1px solid var(--line)!important;border-radius:4px;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important}.iconbtn svg{width:17px;height:17px}.workspace{padding:28px 28px 50px!important;min-width:0;max-width:1180px;margin:auto;gap:24px}.app .workspace{display:grid;grid-template-columns:minmax(0,1fr) 210px}.app .workspace.no-bag{grid-template-columns:minmax(0,1fr)}.view{min-width:0}.bag{position:sticky;top:100px;max-height:calc(100dvh - 120px);overflow:auto;padding:18px 16px;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:7px;box-shadow:none!important}.bag h3{font:500 20px var(--font-display)}.bag-progress{margin:18px 0}.stage{padding:11px 0;display:flex;gap:10px;background:none!important;border:0!important}.stage .num{width:24px;height:24px;flex:none;border:1px solid var(--line)!important;color:var(--gold)!important;background:none!important;font:10px var(--font-code);box-shadow:none}.stage .num+div{font-size:11px}.stage small{font-size:10px;color:var(--muted)!important;line-height:1.7}.pocket{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:4px}.pocket strong{color:var(--gold)}.pocket span{font-size:11px}.pocket svg{width:48px}.bag>div>svg{max-height:120px}.bag .btn{font-size:11px}
/* CaseHeader, CaseHero, cards and evidence gallery. */
.intro,.intro-hero-wrap{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:7px 0 26px!important;position:relative;display:grid;gap:24px;min-width:0}.intro{grid-template-columns:1fr!important}.intro-copy{max-width:760px}.intro h1,.intro-hero-wrap h1{font:500 clamp(38px,4.7vw,65px)/1.19 var(--font-display)!important;letter-spacing:-2.2px!important;margin:20px 0 24px!important;color:var(--text)!important;max-width:790px}.intro h1 em{font-weight:500;color:var(--gold)}.intro .vb-stamp,.intro-hero-wrap .vb-stamp{display:none}.vh-rec{font:400 9px var(--font-code)!important;color:var(--gold)!important;background:none!important;border:0!important;letter-spacing:1.8px}.vh-code{font:400 10px var(--font-code)!important;color:var(--muted)!important}.va-dossier{font-size:11px;line-height:2;color:var(--muted);padding:0 0 18px;background:none!important;border:0!important}.va-dossier b{font-weight:500;color:#c4cdbf}.intro-questions{counter-reset:question;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 23px}.intro-questions div{padding:12px 0 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:none!important;color:var(--muted)!important;font-size:12px;line-height:1.8;display:block;box-shadow:none}.intro-questions div:before{counter-increment:question;content:'0' counter(question);display:block;position:static;color:var(--gold);font:10px var(--font-code);margin-bottom:7px;border:0;background:none!important}.hero-art,.intro-hero-scene-box{padding:0!important;border:1px solid #344237!important;border-radius:7px!important;background:#15221c!important;box-shadow:none!important;overflow:hidden;min-width:0;align-self:stretch}.hero-art svg,.intro-hero-scene-box svg{width:100%;height:auto;display:block;filter:none!important}.hero-art{max-width:100%}.intro-hero-wrap>.row:first-child{order:-1}.intro-hero-wrap>.row:last-child{order:0}.intro-hero-wrap .muted{font-size:13px!important;color:var(--muted)!important;line-height:1.95!important;max-width:660px!important}.incident-briefing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.incident-briefing-grid>div{background:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:16px 0!important}.incident-briefing-grid>div>div:first-child{color:var(--gold)!important;font:400 10px/1.8 var(--font-code)!important;letter-spacing:.6px!important}.incident-briefing-grid>div>div+div{font-size:12px!important;line-height:1.85!important;color:var(--muted)!important}.page-head{padding:7px 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line);gap:18px}.page-head h1,.page-head h2{font:500 34px/1.25 var(--font-display)!important;letter-spacing:-.7px}.page-head p{font-size:13px;color:var(--muted);line-height:1.9;max-width:680px}.features,.grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature,.feature-card{padding:22px!important;gap:16px}.feature{display:grid;grid-template-columns:58px minmax(0,1fr)}.feature>svg{width:58px;height:70px}.feature h3,.feature-card h3{font:500 22px/1.4 var(--font-display)!important;color:var(--text)!important;margin:0 0 9px}.feature p,.feature-card p{font-size:12px!important;color:var(--muted)!important;line-height:1.9}.feature-link{font-size:11px;color:var(--gold)!important}.feature-icon-box{width:34px;height:34px;background:none!important;border:1px solid var(--line)!important;border-radius:4px;color:var(--gold)!important}.panel,.card,.feature,.feature-card,.evidence-card,.character-card,.time-card,.timeline-item,.compare-cell,.scene-wrap,.report-step,.vcl-steps-wrap,.vcl-step-card,.vcl-sample-card,.vcl-gateway-banner,.ig-card,.hypothesis{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius-card)!important;box-shadow:none!important;min-width:0;max-width:100%}.panel,.card{padding:22px}.card,.evidence-card,.character-card,.feature,.vcl-step-card{transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover,.evidence-card:hover,.character-card:hover,.feature:hover,.vcl-step-card:hover{border-color:#8b7951!important;box-shadow:var(--shadow-card)!important;transform:translateY(-3px)}.people,.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.person-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;overflow:hidden}.portrait,.char-portrait,.evidence-art,.gallery .art{background:#192b21!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;overflow:hidden;padding:16px}.portrait{width:100%;height:auto;aspect-ratio:1.15}.portrait svg,.char-portrait svg{height:100%;width:100%;max-height:220px;display:block}.person-info{padding:20px}.person-card h3,.character-card h3{font:500 23px/1.4 var(--font-display)!important;margin:8px 0;color:var(--text)}.person-info p,.character-card p{font-size:12px;color:var(--muted);line-height:1.8}.person-info .eyebrow{font-size:8px}.gallery .card,.evidence-card{padding:0!important;overflow:hidden;text-align:left}.gallery .art,.evidence-art{height:180px}.gallery .art svg,.evidence-art svg{height:100%;width:100%}.gallery .card>.row,.gallery .card>h3,.gallery .card>.status{margin-left:20px;margin-right:20px}.gallery .card>.row{margin-top:17px}.gallery h3{font:500 21px/1.45 var(--font-display);margin-top:10px;margin-bottom:12px}.gallery .status{display:block;margin-bottom:20px}.gallery .locked{opacity:1;filter:none}.status,.tag,.tag-gold,.tag-cyan,.tag-green,.tag-red,.tag-purple,.badge-id{font:400 10px/1.7 var(--font-code)!important;letter-spacing:.3px;border:1px solid var(--line)!important;border-radius:3px;background:none!important;color:var(--muted)!important;padding:4px 7px;white-space:normal}.tag.gold,.tag-gold,.code,.badge-id{color:var(--gold)!important}.status.done,.tag-green{color:var(--teal)!important}.tag-red{color:#d89a8e!important}.tag-cyan{color:var(--teal)!important}.tag-purple{color:#c0b1ca!important}
/* Buttons and form elements inherit Home's 4px radius and typography. */
.btn,.btn-primary,.btn-gold,.btn-vcl,.cd-btn-start,.cd-adm-btn{min-height:42px;padding:11px 17px;border-radius:var(--radius-button)!important;font:500 12px/1.6 var(--font-primary)!important;letter-spacing:0!important;text-transform:none!important;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;max-width:100%;box-shadow:none!important;text-shadow:none!important;transition:background .2s,transform .2s,border-color .2s}.btn svg{width:17px;height:17px;flex:none}.btn.primary,.btn.gold,.btn-primary,.btn-gold,.btn-vcl,.cd-btn-start{background:var(--gold)!important;border:1px solid var(--gold)!important;color:var(--ink)!important;font-weight:600!important}.btn.primary:hover,.btn.gold:hover,.btn-primary:hover,.btn-gold:hover,.btn-vcl:hover,.cd-btn-start:hover{background:#e9ce94!important;transform:translateY(-2px)}.btn.ghost,.btn-ghost{background:transparent!important;border:1px solid #4b5c4a!important;color:var(--text)!important}.btn.ghost:hover,.btn-ghost:hover{border-color:#8b7951!important;background:#d4b77908!important}.btn:disabled,button:disabled{opacity:.45!important;cursor:not-allowed;transform:none!important}.btn-sm{font-size:11px!important;min-height:36px;padding:7px 11px}.btn-lg{min-height:46px;padding:13px 21px}.row{gap:12px;min-width:0;flex-wrap:wrap}.filters,.tabs,.tabs-header{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line);margin-bottom:22px}.filters button,.tabs button,.tab-btn{padding:12px 16px;border-radius:0!important;min-height:44px;border:0!important;border-bottom:2px solid transparent!important;background:none!important;color:var(--muted)!important;font:500 11px/1.6 var(--font-primary);box-shadow:none!important;white-space:normal}.filters .selected,.tabs .current,.tabs .active,.tab-btn.active{color:var(--gold)!important;border-bottom-color:var(--gold)!important}.field input,.field textarea,.field select,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{width:100%;max-width:100%;min-width:0;background:var(--bg)!important;color:var(--text)!important;border:1px solid #50614e!important;border-radius:4px!important;padding:12px 13px!important;font:400 13px/1.7 var(--font-primary)!important;box-shadow:none!important}textarea{min-height:150px;resize:vertical}input::placeholder,textarea::placeholder{color:#94a393!important;opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--gold);width:18px;height:18px;flex:none}.field,.cd-form-group{margin-bottom:19px}.field label,.cd-form-group label{font-size:12px!important;font-weight:500;color:var(--text)!important}.option{padding:14px 16px;border-radius:4px;background:var(--bg)!important;border:1px solid var(--line)!important;font:400 13px/1.8 var(--font-primary);color:var(--text)}.option:hover{border-color:#8b7951!important}.option.correct{border-color:var(--teal)!important}.option.wrong{border-color:var(--red)!important}.letter{background:#24392b!important;border:1px solid var(--line)!important;color:var(--gold)!important;flex:none}.report-form{display:grid;gap:20px}.report-step{padding:24px}.report-step h3{font:500 23px/1.4 var(--font-display);margin-bottom:18px}.evidence-checks{display:flex;gap:12px;flex-wrap:wrap}.evidence-checks label{padding:10px 13px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;gap:8px;font:11px var(--font-code)}.question-nav button{min-width:40px;min-height:40px;border-radius:4px!important}.question-nav .current{background:var(--gold)!important;color:var(--ink)!important}.feedback,.fact,.ig-callout,.haworth-fact-card,.micro-note,.hyp-feedback,.knowledge,.vcl-gate-box{background:#18271f!important;border:1px solid var(--line)!important;border-left:2px solid var(--gold)!important;border-radius:4px!important;box-shadow:none!important;color:var(--text);padding:18px;line-height:1.85;font-size:13px}.feedback ul{padding-left:20px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:13px!important;border-color:var(--line)!important;line-height:1.7}th{color:var(--gold);font-weight:500;background:var(--bg)}
/* EvidenceViewer, witness interviews, scientific workspace and report states. */
.overlay,.cd-gate-overlay,.cutscene-overlay{background:#050b09d9!important;backdrop-filter:blur(8px);padding:24px!important;z-index:1000!important}.dialog,.cd-report-modal,.cutscene-box{width:min(1080px,100%);max-height:calc(100dvh - 48px);margin:auto;background:var(--surface)!important;border:1px solid #50614e!important;border-radius:7px!important;box-shadow:var(--shadow-card)!important;overflow:auto}.dialog-head,.dialog-header,.dialog-footer,.cd-report-header{padding:20px 26px;background:var(--bg)!important;border-color:var(--line)!important}.dialog-head h2,.dialog-header h3,.cd-report-title{font:500 26px/1.35 var(--font-display)!important;color:var(--text)!important;letter-spacing:-.5px}.dialog-body{padding:26px!important;overflow:auto;min-width:0}.detail-grid{gap:26px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.detail-art{background:#192b21!important;border:1px solid var(--line)!important;border-radius:7px;overflow:hidden;padding:18px}.detail-art>svg{max-height:370px}.detail-art .caption{font-size:10px;color:var(--muted);letter-spacing:0}.detail-info h3{font:500 24px/1.4 var(--font-display)}.detail-info p{font-size:13px;line-height:1.9}.char-quote-box,.doc,.log,.conclusion-point,.connection-item,.slot{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:4px!important;box-shadow:none!important;padding:18px;color:var(--text)!important}.doc{background:#eee9dc!important;color:#28372f!important}.doc *{color:inherit!important}.char-quote-box{font-size:14px;line-height:1.9;border-left:2px solid var(--gold)!important}.related{display:flex;flex-wrap:wrap;gap:8px}.time-big{font:500 42px var(--font-code);color:var(--gold)}.timeline{gap:14px}.time-card{padding:16px}.time-card strong,.timeline-time-badge,.time-tag{font:500 14px var(--font-code);color:var(--gold)!important;background:none!important}.time-card p,.timeline-item p{font-size:12px;color:var(--muted);line-height:1.9}.time-card svg{height:110px}.timeline-player{gap:24px}.timeline-player>svg{max-height:200px}.scene-wrap{overflow:hidden;padding:0}.scene-wrap>svg,.scene-scroll svg{width:100%;height:auto;display:block}.scene-caption,.scene-status{padding:13px 18px;background:var(--bg)!important;color:var(--muted);font-size:11px}.scene-caption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.scene-scroll,.map-inner{min-width:0!important}.scene-scroll{overflow:auto}.object-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.object-list .btn{font-size:11px}.hit{fill:transparent!important;stroke:transparent!important}.svg-hot:hover .hit,.svg-hot:focus .hit,.hotspot:hover .hit,.hotspot:focus .hit{stroke:var(--gold)!important;stroke-width:1.5!important;fill:#d4b77908!important}.hit-outline{stroke:var(--gold)!important}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sample,.tool{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:4px!important;color:var(--muted);padding:10px}.sample.selected{border-color:var(--gold)!important}.sample svg{max-height:115px}.sample span{font-size:11px;line-height:1.7}.bench,.model-wrap,.micro-window,.ig-diagram-frame,.vcl-bench-compact{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:none!important}.bench{padding:20px}.bench-grid{gap:20px}.tool-tray{gap:10px}.tool svg{max-height:72px}.tool{font-size:10px}.micro-hud,.micro-legend-box{background:#101c17!important;color:var(--text)!important;border-color:var(--line)!important}.micro-legend-box{font-size:12px}.vcl-steps-wrap,.vcl-gateway-banner{padding:23px!important;margin:20px 0}.vcl-code-box{color:var(--gold)!important;border:1px solid var(--line)!important;background:var(--bg)!important;border-radius:4px;font:11px var(--font-code)}.vcl-steps-grid{gap:18px}.vcl-step-shot{background:#1a2b21;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.vcl-step-shot img{display:block;aspect-ratio:1.6;object-fit:contain;width:100%}.vcl-step-badge,.vcl-step-zoom{background:var(--bg)!important;color:var(--gold)!important;border:1px solid var(--line)!important;border-radius:3px;font:9px var(--font-code)!important}.vcl-step-body{padding:17px}.vcl-step-body p{font-size:12px;color:var(--muted)}.vcl-step-body h4{font:500 18px/1.5 var(--font-display)}.vcl-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vcl-sample-card{padding:18px}.vcl-bench-tube svg{max-height:220px}.ig-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ig-card{padding:20px}.ig-card-thumb{background:#1a2b21!important;border-color:var(--line)!important}.ig-poster,.ig-diagram-frame{max-width:100%;overflow:auto}.report-final{background:var(--surface)!important;border:1px solid var(--line)!important;padding:28px;border-radius:7px;box-shadow:none}.report-final h2{font-family:var(--font-display)}.toast{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--gold)!important;border-radius:4px!important;box-shadow:var(--shadow-card);font-size:13px;max-width:calc(100vw - 32px)}.cd-gate-card{position:relative;width:min(520px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:34px!important;background:var(--surface)!important;border:1px solid #50614e!important;border-radius:7px!important;box-shadow:var(--shadow-card)!important;text-align:left}.cd-gate-visual{display:none!important}.cd-gate-icon,.cd-pulse-dot{display:none!important}.cd-gate-badge{font:9px/1.8 var(--font-code)!important;letter-spacing:1.5px;color:var(--gold)!important;border:0!important;background:none!important;padding:0!important;margin-bottom:18px}.cd-gate-card h2{font:500 38px/1.2 var(--font-display)!important;color:var(--text)!important;letter-spacing:-1px}.cd-gate-sub{font-size:13px!important;line-height:1.85!important;color:var(--muted)!important;margin:14px 0 24px!important}.cd-form-group small{color:var(--muted)!important}.cd-btn-start{width:100%;margin-top:6px}.cd-topbar-player{background:none!important;border:1px solid var(--line)!important;border-radius:4px!important;font-size:10px;color:var(--text)!important;padding:6px 9px;max-width:210px;white-space:normal;box-shadow:none!important}.cd-topbar-player small{display:none}.cd-topbar-player .edit-hint{color:var(--gold)!important}.cd-btn-close-icon,.cd-btn-close{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:4px!important;color:var(--text)!important;min-width:36px;min-height:36px}.cd-report-body{padding:24px}.cd-report-actions{gap:12px;flex-wrap:wrap}.cd-footer{max-width:1440px;margin:auto;padding:28px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px;line-height:1.9}.cd-footer strong{font:500 21px var(--font-display);color:var(--text);display:block;margin-bottom:8px}.cd-footer a{color:var(--gold);text-decoration:none}.cd-footer .credit{font:9px/1.8 var(--font-code);letter-spacing:.5px}.cd-inline-icon{width:15px!important;height:15px!important;display:inline-block!important;vertical-align:-3px;margin-right:5px;flex:none}.cd-editorial{shape-rendering:geometricPrecision}.cd-motion-control{display:none!important}
/* Motion is restricted to short state transitions; scientific colors are untouched. */
body *,body *::before,body *::after{animation-duration:0s!important;animation-iteration-count:1!important}.view,.dialog,.workspace>div,.toast{animation:cd-enter .22s ease-out both!important}@keyframes cd-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.sketch-layer{filter:none!important}.hot-art,.cd-editorial g{animation:none!important}.liquid{transition:fill .6s ease}.panel svg,.scene-wrap svg{filter:none!important}
@media(min-width:1560px){.app:has(.no-bag) .intro{grid-template-columns:1fr 1.04fr!important;align-items:center}.app:has(.no-bag) .intro-questions{grid-template-columns:1fr}.app:has(.no-bag) .intro h1{font-size:57px!important}}
@media(max-width:1279px){.app .workspace{grid-template-columns:minmax(0,1fr)}.bag{position:static;max-height:none;display:block}.bag-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bag .pocket{display:inline-flex;width:calc(50% - 6px);margin:3px}.bag>div>svg{display:none}.people,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions .save-state{display:none}.topbar{align-items:flex-start}.cd-topbar-player{max-width:160px}.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:959px){.case-portal-nav{height:76px;padding:0 22px;gap:16px}.studio-case-code{display:none}.app,.app-container{display:block!important}.sidebar{position:sticky!important;top:0!important;height:auto!important;padding:8px 16px!important;width:100%!important;z-index:60;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.nav-label,.side-foot{display:none!important}.sidebar nav,.nav-menu{flex-direction:row;gap:5px;width:max-content}.navbtn,.nav-item{width:auto;white-space:nowrap;min-height:42px;padding:8px 11px;font-size:11px}.navbtn .desktop-nav{display:inline!important}.topbar{position:relative!important;top:auto!important;min-height:68px;padding:18px 24px!important}.workspace{padding:24px!important}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-briefing-grid{gap:16px!important}.intro h1,.intro-hero-wrap h1{font-size:clamp(38px,6vw,58px)!important}.vcl-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-body{padding:22px!important}.cd-footer{padding:25px 24px}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:639px){html{scroll-padding-top:70px}.case-portal-nav{height:72px;padding:0 16px;gap:10px}.studio-portal-brand{font-size:22px}.studio-portal-brand svg{width:28px;height:34px}.studio-portal-brand small{font-size:6px;letter-spacing:1.5px}.studio-portal-actions{gap:12px}.studio-portal-actions a{font-size:10px}.studio-portal-actions .cd-home-link{display:none}.sidebar{padding:6px 10px!important}.navbtn svg,.nav-item svg{width:16px;height:16px}.topbar{padding:16px!important;display:block}.top-actions{margin-top:13px;justify-content:flex-start;gap:8px}.vh-crumb-title{font-size:22px!important}.workspace{padding:22px 16px 36px!important}.intro,.intro-hero-wrap{gap:22px;padding-bottom:22px!important}.intro h1,.intro-hero-wrap h1{font-size:41px!important;letter-spacing:-1.3px!important;margin:17px 0 22px!important}.intro-questions{grid-template-columns:1fr;gap:10px}.intro-questions div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding-top:11px!important;font-size:12px}.intro-questions div:before{margin:4px 0 0}.va-dossier{font-size:10px;line-height:1.9}.incident-briefing-grid{grid-template-columns:1fr!important;gap:0!important}.features,.people,.gallery,.grid-2,.grid-3,.grid-4,.grid-5,.ig-grid,.vcl-steps-grid,.vcl-sample-grid,.detail-grid,.bench-grid,.compare,.report-teaser,.quiz-card,.timeline-player{grid-template-columns:minmax(0,1fr)!important}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.gallery .art,.evidence-art{height:134px;padding:10px}.gallery .card>.row,.gallery .card>h3,.gallery .card>.status{margin-left:12px;margin-right:12px}.gallery h3{font-size:17px;line-height:1.45}.gallery .status{font-size:8px!important}.people{gap:18px}.person-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:stretch}.portrait{aspect-ratio:auto;height:100%;padding:0;display:flex;align-items:flex-end;border-bottom:0!important}.portrait svg{height:auto;max-height:160px}.person-info{padding:16px}.person-info h3{font-size:21px!important}.page-head h1,.page-head h2{font-size:30px!important}.page-head{display:block}.page-head>.btn{margin-top:14px}.panel,.card{padding:18px}.feature{grid-template-columns:44px minmax(0,1fr);padding:18px!important}.feature>svg{width:44px}.feature h3,.feature-card h3{font-size:21px!important}.bag{padding:18px}.bag-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bag .pocket{width:100%;margin:4px 0}.bag .row h3{font-size:20px}.shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sample{padding:7px}.sample svg{max-height:90px}.sample span{font-size:10px}.filters button,.tabs button,.tab-btn{padding:10px;font-size:10px}.overlay,.cd-gate-overlay,.cutscene-overlay{padding:10px!important}.dialog,.cd-report-modal,.cd-gate-card{max-height:calc(100dvh - 20px);width:100%!important}.dialog-body{padding:18px!important}.dialog-header,.dialog-head{padding:16px 18px!important;gap:12px;align-items:flex-start}.dialog-header h3,.dialog-head h2{font-size:23px!important}.dialog-header button,.dialog-head button{flex:none}.detail-art>svg{max-height:240px}.cd-gate-card{padding:25px 21px!important}.cd-gate-card h2{font-size:34px!important}.cd-gate-badge{font-size:8px!important}.cd-gate-sub{font-size:12px!important}.cd-footer{padding:24px 16px;display:block}.cd-footer .credit{margin-top:20px}.scene-caption{font-size:10px;flex-wrap:wrap;gap:5px}.object-list .btn{min-height:44px;flex:1 1 calc(50% - 10px);padding:9px;font-size:10px}.report-step{padding:19px}.report-step h3{font-size:21px}.time-big{font-size:36px}.timeline-player>svg{max-height:150px}.vcl-steps-wrap,.vcl-gateway-banner{padding:18px!important}.vcl-steps-head{display:block}.vcl-steps-head .row{margin-top:14px}.cd-topbar-player{max-width:150px}.scene-scroll{min-width:0}.scene-scroll .map-inner{min-width:540px!important}.report-final{padding:20px}.row>.btn{min-width:0}table{font-size:12px}td,th{padding:10px!important}.doc{overflow:auto}.intro-hero-wrap>.row:last-child .btn{width:100%}.btn{min-height:44px}.cd-report-actions>*{max-width:100%}}
@media(max-width:359px){.studio-portal-brand{font-size:20px}.studio-portal-brand svg{display:none}.intro h1,.intro-hero-wrap h1{font-size:36px!important}.gallery{grid-template-columns:1fr!important}.gallery .art{height:180px}.bag-progress{grid-template-columns:1fr}.person-card{grid-template-columns:82px minmax(0,1fr)}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-gate-card{padding:21px 17px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.btn:hover,.feature:hover{transform:none!important}}
.va-dossier{display:block!important}.stage>div{min-width:0}.stage small{white-space:normal;overflow-wrap:anywhere}.navbtn .desktop-nav{white-space:normal;overflow:visible;text-overflow:clip}.save-state{background:transparent!important;border:0!important;box-shadow:none!important}.cd-gate-card,.cd-gate-badge,.cd-gate-sub{text-align:left!important}.cd-form-group label{text-transform:none!important;letter-spacing:0!important}.cd-science-figure{margin:0;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:7px}.cd-science-figure figcaption{font:11px/1.8 var(--font-code);color:var(--gold);letter-spacing:.5px}.cd-science-figure>p{font-size:12px;color:var(--muted);text-align:center}.cd-science-figure>svg{width:100%;height:auto}.cd-science-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));list-style:none;gap:14px;padding:0;margin:20px 0}.cd-science-flow li{border-top:1px solid var(--gold);padding:15px 0}.cd-science-flow span{font:10px var(--font-code);color:var(--gold);display:block;margin-bottom:10px}.cd-science-flow strong{font:500 13px/1.7 var(--font-primary)}.model-wrap{overflow:auto}.model-wrap>svg{min-width:700px}.ig-diagram-frame>svg{min-width:700px}.cd-science-figure{overflow:auto}.cd-science-figure>svg{min-width:440px}.cd-inline-icon{max-width:16px}
.cd-poster{padding:8px;min-width:0}.cd-poster>h3{font:500 25px/1.4 var(--font-display);margin-bottom:22px;color:var(--text)}.cd-science-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.cd-science-columns>section>h4{font:11px/1.7 var(--font-code);color:var(--gold)}.cd-science-entry{padding:18px 0;border-top:1px solid var(--line)}.cd-science-entry>svg{height:140px}.cd-science-entry h4{font-size:14px;margin-bottom:9px}.cd-science-entry p{font-size:12px;color:var(--muted);line-height:1.85}.cd-reaction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:20px 0}.cd-reaction{margin:0;padding:18px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:7px}.cd-reaction h4{font:500 21px var(--font-display);margin:10px 0}.cd-reaction>svg{display:block;width:100%;height:170px;margin:12px auto}.cd-reaction figcaption{font-size:12px;color:var(--text);margin-bottom:8px}.cd-reaction p{font-size:11px;color:var(--muted)}.cd-time-lane{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid var(--line)}.cd-time-lane h4{font:11px/1.7 var(--font-code);color:var(--gold)}.cd-time-lane ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0}.cd-time-lane time{display:block;color:var(--gold);font:16px var(--font-code);margin-bottom:8px}.cd-time-lane span{font-size:12px;color:var(--muted)}.cd-system-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cd-system-flow>section{border-bottom:1px solid var(--gold);padding-bottom:20px}.cd-system-flow svg{height:160px;width:100%}.cd-system-flow h4{font-size:13px;margin:12px 0}.cd-system-flow p{font-size:12px;color:var(--muted)}.dialog-body [style*="background:rgba"],.workspace [style*="background:rgba"]{background:var(--surface)!important;box-shadow:none!important}.dialog-body [style*="background:#0"],.workspace [style*="background:#0"]{background:var(--bg)!important}.dialog-body :is(div,section)[style*="border-radius:12"],.workspace :is(div,section)[style*="border-radius:12"]{border-radius:7px!important}
@media(max-width:639px){.cd-science-columns,.cd-system-flow{grid-template-columns:1fr}.cd-time-lane{grid-template-columns:1fr;gap:12px}.cd-time-lane ol{grid-template-columns:1fr}.cd-time-lane li{display:grid;grid-template-columns:75px 1fr;gap:12px}.cd-time-lane time{font-size:14px;margin:0}.cd-poster>h3{font-size:23px}.cd-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-reaction{padding:12px}.cd-reaction>svg{height:130px}.cd-reaction h4{font-size:18px}.cd-science-entry>svg{max-height:130px}}
.intro-hero-wrap>.row:last-child{grid-row:3}.intro-hero-scene-box{grid-row:4}.incident-briefing-grid{grid-row:5}.hero-art svg,.intro-hero-scene-box svg{max-height:540px}
.main-content .workspace{display:flex;flex-direction:column;align-items:stretch}.workspace>*{min-width:0;max-width:100%}.page-heading{display:flex;justify-content:space-between;gap:20px;padding:7px 0 22px;margin-bottom:4px;border-bottom:1px solid var(--line);min-width:0}.heading-content{min-width:0}.page-heading h2{font:500 34px/1.25 var(--font-display);margin:8px 0 14px}.page-heading p{font-size:13px;line-height:1.9}.heading-actions{flex:none}.nav-item>span{display:inline!important}.nav-item .badge{position:static;display:inline-block!important}.nav-menu .nav-item{flex:none}.nav-menu{flex:none}.navbtn .desktop-nav{flex:1}.scene-wrap{width:100%}.workspace>[style*="overflow-x:auto"]{width:100%;min-width:0;max-width:100%;flex:none}.workspace>[style*="overflow-x:auto"]>.btn{flex:none}
@media(max-width:959px){.navbtn .desktop-nav,.nav-item>span{white-space:nowrap!important}.nav-item .badge{margin-left:0}.sidebar{align-items:stretch!important}}
@media(max-width:639px){.page-heading{display:block}.page-heading h2{font-size:30px}.heading-actions{margin-top:16px}.workspace>*{width:100%}.workspace>.grid-2,.workspace>.grid-3{min-width:0}}
.workspace{width:100%}.nav-item svg,.feature-icon-box svg{stroke-width:1.6}
@media(max-width:920px){.header-vcl-badge,.brand-divider{display:none!important}}

.cd-gate-overlay{overflow:auto!important}.cd-gate-card{margin:auto!important}.cd-gate-card svg{max-height:120px}.cd-form-group input{background:var(--bg)!important;border-color:var(--line)!important;color:var(--text)!important}.cd-form-group label{color:var(--gold)!important}.cd-btn-start{background:var(--gold)!important;color:#101c17!important;box-shadow:none!important}.cd-topbar-player{max-width:280px!important}.portrait svg{width:100%;height:100%}
body[data-cd-case="003"] #app{width:100%;min-width:0;display:block}body[data-cd-case="003"] .app-container{width:100%;max-width:1440px;min-width:0}body[data-cd-case="003"] .main-content{width:100%;max-width:100%;min-width:0}body[data-cd-case="003"] .sidebar{min-width:0;max-width:100%;overflow-x:auto}body[data-cd-case="003"] .card{min-width:0;overflow-wrap:anywhere}body[data-cd-case="003"] .row{min-width:0}body[data-cd-case="003"] img[src*="sample-"]{object-fit:contain!important;transform:none!important}@media(max-width:639px){body[data-cd-case="003"] .main-content{padding:20px 16px}body[data-cd-case="003"] .intro-hero-wrap{padding:20px!important}body[data-cd-case="003"] .page-heading h2{font-size:30px}body[data-cd-case="003"] .row{flex-wrap:wrap}body[data-cd-case="003"] .sidebar{position:relative!important}}