.dhm { --blue: #305bab; --ink: #1d2b4f; --text: #3a4252; --muted: #5d636f; --line: #e3e7ef; --sk: #e2e6ee;
  --wash: #eef3fb; --amb: #a8580a; --amb-bg: #fff6e3; --amb-bd: #fbe0a6; --ok-bg: #d9f2e3; --lh: #8b2e3c;
  position: relative; margin: 52px auto 0; max-width: 940px; font-family: "Poppins", Arial, sans-serif; }
.dhm::before { content: ""; position: absolute; inset: -8% -4% -16% -4%; z-index: 0; pointer-events: none;
  background: radial-gradient(58% 58% at 62% 42%, rgba(48,91,171,.24), transparent 70%); filter: blur(26px); }
.dhm-player { position: relative; z-index: 1; container-type: inline-size; border-radius: 24px; overflow: hidden;
  background: #fff; border: 1px solid rgba(48,91,171,.10);
  box-shadow: 0 34px 74px rgba(48,91,171,.22), 0 10px 26px rgba(12,29,61,.10); }
.dhm *, .dhm *::before, .dhm *::after { box-sizing: border-box; }
:where(.dhm) p, :where(.dhm) ul, :where(.dhm) li { margin: 0; padding: 0; list-style: none; font-size: inherit; line-height: inherit;
  font-weight: inherit; letter-spacing: inherit; color: inherit; }
:where(.dhm) b, :where(.dhm) strong { color: inherit; }
.dhm-stage { --u: calc(100cqw / 960); position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden;
  background: #f5f6f8; color: var(--text); font-size: calc(13 * var(--u)); line-height: 1.45; }
.dhm-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.dhm svg.i { width: 1em; height: 1em; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dhm-sk { display: block; height: calc(7 * var(--u)); border-radius: 99px; background: var(--sk); }
.dhm-mi { width: calc(26 * var(--u)); height: calc(26 * var(--u)); flex: 0 0 auto; }
.dhm-card { position: absolute; background: #fff; border: 1px solid var(--line); border-radius: calc(16 * var(--u));
  box-shadow: 0 calc(6 * var(--u)) calc(20 * var(--u)) rgba(29,43,79,.06); }
.dhm-cap { font-size: calc(11.5 * var(--u)); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.dhm-app { position: absolute; inset: 0; transform-origin: 50% 50%; }
.dhm-side { position: absolute; left: 0; top: 0; bottom: 0; width: calc(170 * var(--u)); background: #fff; border-right: 1px solid var(--line);
  padding: calc(62 * var(--u)) calc(10 * var(--u)) 0; }
.dhm-side .dhm-wm { position: absolute; left: calc(22 * var(--u)); top: calc(20 * var(--u)); width: calc(69 * var(--u)); height: calc(26 * var(--u)); }
.dhm-nav { position: relative; z-index: 1; display: flex; align-items: center; gap: calc(10 * var(--u)); height: calc(36 * var(--u)); margin-bottom: calc(2 * var(--u));
  padding: 0 calc(12 * var(--u)); font-size: calc(13.5 * var(--u)); font-weight: 500; color: #2a3346; }
.dhm-nav svg.i { font-size: calc(17 * var(--u)); color: #4a5468; }
.dhm-nhl { position: absolute; left: calc(10 * var(--u)); right: calc(10 * var(--u)); height: calc(36 * var(--u)); border-radius: calc(10 * var(--u)); background: var(--wash);
  box-shadow: inset calc(3 * var(--u)) 0 0 var(--blue); opacity: 0; }
.dhm-nhl.is-home { top: calc(62 * var(--u)); opacity: 1; }
.dhm-nhl.is-el { top: calc(100 * var(--u)); }
.dhm-nhl.is-chat { top: calc(138 * var(--u)); }
.dhm-user { position: absolute; left: calc(16 * var(--u)); bottom: calc(18 * var(--u)); display: flex; align-items: center; gap: calc(10 * var(--u)); font-size: calc(13 * var(--u)); font-weight: 500; color: var(--ink); }
.dhm-user b, .dhm-top b, .dhm-ub b { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: calc(30 * var(--u)); height: calc(30 * var(--u));
  border-radius: 50%; background: #e8edf6; color: var(--blue); font-size: calc(11 * var(--u)); font-weight: 600; }
.dhm-top { display: none; }
.dhm-sc { position: absolute; left: calc(170 * var(--u)); top: 0; right: 0; bottom: 0; opacity: 0; }
.dhm-s0 { opacity: 1; }
.dhm-hello { position: absolute; left: calc(24 * var(--u)); top: calc(20 * var(--u)); font-size: calc(22 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-hello b { color: var(--blue); font-weight: 600; }
.dhm-askc { left: calc(24 * var(--u)); top: calc(66 * var(--u)); width: calc(742 * var(--u)); height: calc(124 * var(--u)); }
.dhm-askc-h { display: flex; align-items: center; gap: calc(12 * var(--u)); padding: calc(14 * var(--u)) calc(18 * var(--u)); border-bottom: 1px solid var(--line);
  font-size: calc(14.5 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-askc-i { position: relative; height: calc(64 * var(--u)); padding: calc(12 * var(--u)) calc(18 * var(--u)) 0 calc(24 * var(--u)); color: #8a93a5; font-size: calc(13.5 * var(--u)); }
.dhm-caret { position: absolute; left: calc(18 * var(--u)); top: calc(13 * var(--u)); width: 2px; height: calc(19 * var(--u)); background: var(--blue); }
.dhm-ph0, .dhm-sug { position: absolute; left: calc(25 * var(--u)); top: calc(12 * var(--u)); white-space: nowrap; }
.dhm-sug { color: var(--ink); opacity: 0; }
.dhm-send0 { right: calc(14 * var(--u)); bottom: calc(10 * var(--u)); background: #c9d6ef; }
.dhm-lane { top: calc(206 * var(--u)); width: calc(363 * var(--u)); height: calc(238 * var(--u)); padding: calc(16 * var(--u)) calc(18 * var(--u)); }
.dhm-lane-el { left: calc(24 * var(--u)); } .dhm-lane-ch { left: calc(403 * var(--u)); }
.dhm-lane ul { margin-top: calc(8 * var(--u)); }
.dhm-lane li { display: flex; align-items: center; gap: calc(12 * var(--u)); height: calc(44 * var(--u)); border-bottom: 1px solid var(--line); }
.dhm-lt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(13 * var(--u)); color: var(--muted); }
.dhm-lt b { font-weight: 600; color: var(--ink); }
.dhm-lane-ch .dhm-lt { color: var(--ink); font-weight: 500; }
.dhm-lane em { font-style: normal; font-size: calc(12 * var(--u)); color: var(--muted); white-space: nowrap; }
.dhm-lane .dhm-ib .dhm-mi { width: calc(20 * var(--u)); height: calc(20 * var(--u)); }
.dhm-obtn { position: absolute; left: calc(18 * var(--u)); right: calc(18 * var(--u)); bottom: calc(16 * var(--u)); display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--u));
  height: calc(38 * var(--u)); border: 1px solid #c9d4ea; border-radius: 99px; color: var(--blue); font-weight: 500; font-size: calc(13.5 * var(--u)); }
.dhm-ptitle { position: absolute; left: calc(160 * var(--u)); top: calc(26 * var(--u)); display: flex; align-items: center; gap: calc(10 * var(--u));
  font-size: calc(17 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-ptitle em { font-style: normal; font-size: calc(11.5 * var(--u)); font-weight: 600; color: var(--blue); background: var(--wash); border-radius: 99px; padding: calc(1 * var(--u)) calc(9 * var(--u)); }
.dhm-up { left: calc(160 * var(--u)); top: calc(72 * var(--u)); width: calc(470 * var(--u)); padding: calc(20 * var(--u)); }
.dhm-lbl { font-size: calc(13 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-drop { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: calc(12 * var(--u)); margin: calc(10 * var(--u)) 0 calc(6 * var(--u));
  padding: calc(11 * var(--u)) calc(16 * var(--u)); border: 1.5px dashed #c5d2ea; border-radius: calc(12 * var(--u)); background: #fafcff; }
.dhm-drop svg.i { grid-row: span 2; font-size: calc(22 * var(--u)); color: var(--blue); }
.dhm-drop span { font-weight: 600; color: var(--blue); font-size: calc(13.5 * var(--u)); }
.dhm-drop small { color: var(--muted); font-size: calc(12 * var(--u)); }
.dhm-files li { position: relative; display: flex; align-items: center; gap: calc(12 * var(--u)); height: calc(44 * var(--u)); border-bottom: 1px solid var(--line); }
.dhm-files li:last-child { border-bottom: 0; }
.dhm-files li > .dhm-sk { width: calc(54 * var(--u)); margin-left: auto; }
.dhm-up .dhm-files li { height: calc(40 * var(--u)); }
.dhm-pb { margin-left: auto; width: calc(80 * var(--u)); height: calc(6 * var(--u)); border-radius: 99px; background: var(--sk); overflow: hidden; }
.dhm-pb i { display: block; height: 100%; background: var(--blue); border-radius: 99px; transform-origin: 0 50%; }
.dhm-dhl { position: absolute; inset: -1px; border-radius: calc(12 * var(--u)); border: 2px solid var(--blue); background: rgba(48,91,171,.07); opacity: 0; }
.dhm-lbl2 { display: flex; align-items: center; gap: calc(8 * var(--u)); margin-top: calc(12 * var(--u)); }
.dhm-lbl2 em { font-style: normal; font-size: calc(11 * var(--u)); font-weight: 600; color: var(--blue); background: var(--wash); border-radius: 99px; padding: 0 calc(8 * var(--u)); }
.dhm-aud { position: relative; height: calc(48 * var(--u)); margin-top: calc(8 * var(--u)); border: 1.5px dashed #c5d2ea; border-radius: calc(12 * var(--u)); background: #fafcff; }
.dhm-aud-e { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--u)); color: var(--muted); font-size: calc(12.5 * var(--u)); }
.dhm-aud-e svg.i { font-size: calc(16 * var(--u)); color: var(--blue); }
.dhm-aud-f { position: absolute; inset: 0; display: flex; align-items: center; gap: calc(10 * var(--u)); padding: 0 calc(10 * var(--u)); background: #fff; border-radius: calc(12 * var(--u)); opacity: 0; }
.dhm-wv { position: relative; margin-left: auto; width: calc(150 * var(--u)); height: calc(26 * var(--u)); }
.dhm-wave { position: absolute; inset: 0; display: flex; align-items: center; gap: calc(2 * var(--u)); }
.dhm-wave i { flex: 1; border-radius: 2px; background: #c5cede; }
.dhm-wave-f { position: absolute; inset: 0; clip-path: inset(0 100% 0 0); }
.dhm-wave-f .dhm-wave i { background: var(--blue); }
.dhm-wph { position: absolute; left: 0; top: calc(-3 * var(--u)); bottom: calc(-3 * var(--u)); width: 2px; background: #e0a03a; opacity: 0; }
.dhm-tr { font-style: normal; font-size: calc(11.5 * var(--u)); font-weight: 600; color: var(--blue); opacity: 0; }
.dhm-ghost { position: absolute; left: calc(6 * var(--u)); top: calc(8 * var(--u)); width: calc(40 * var(--u)); height: calc(46 * var(--u)); opacity: 0; }
.dhm-ghost i { position: absolute; left: 0; top: 0; width: calc(30 * var(--u)); height: calc(38 * var(--u)); border-radius: calc(4 * var(--u)); background: #fff; border: 1px solid #cfd6e3;
  box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(29,43,79,.18); }
.dhm-ghost i:nth-child(2) { left: calc(4 * var(--u)); top: calc(3 * var(--u)); }
.dhm-ghost i:nth-child(3) { left: calc(8 * var(--u)); top: calc(6 * var(--u)); background: #fffaf0; border-color: #f0d49a; }
.dhm-ghost b { position: absolute; right: 0; top: calc(-6 * var(--u)); min-width: calc(18 * var(--u)); height: calc(18 * var(--u)); border-radius: 99px; background: var(--blue); color: #fff;
  font-size: calc(11 * var(--u)); display: flex; align-items: center; justify-content: center; }
.dhm-ghost.is-aud { width: calc(34 * var(--u)); height: calc(34 * var(--u)); border-radius: 50%; background: var(--wash); color: var(--blue); display: flex; align-items: center; justify-content: center;
  font-size: calc(18 * var(--u)); box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(29,43,79,.18); }
.dhm-ib { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: calc(30 * var(--u)); height: calc(30 * var(--u));
  border-radius: calc(9 * var(--u)); background: var(--wash); color: var(--blue); font-size: calc(16 * var(--u)); }
.dhm-ib.is-amb { background: var(--amb-bg); color: var(--amb); }
.dhm-fn { position: relative; font-weight: 500; color: var(--ink); font-size: calc(13.5 * var(--u)); white-space: nowrap; }
.dhm-tagm { margin-left: auto; font-size: calc(12 * var(--u)); font-weight: 500; color: var(--amb); background: var(--amb-bg); border: 1px solid var(--amb-bd); border-radius: 99px; padding: 0 calc(9 * var(--u)); }
.dhm-go-row { display: flex; justify-content: flex-end; margin-top: calc(14 * var(--u)); }
.dhm-btn { display: inline-flex; align-items: center; height: calc(36 * var(--u)); padding: 0 calc(26 * var(--u)); border-radius: 99px; background: var(--blue); color: #fff; font-weight: 600; font-size: calc(13.5 * var(--u)); }
.dhm-src { left: calc(20 * var(--u)); top: calc(24 * var(--u)); width: calc(216 * var(--u)); padding: calc(16 * var(--u)) calc(12 * var(--u)) calc(6 * var(--u)); }
.dhm-src .dhm-lbl { padding: 0 calc(4 * var(--u)) calc(6 * var(--u)); }
.dhm-src li { height: calc(58 * var(--u)); align-items: flex-start; gap: calc(8 * var(--u)); padding: calc(10 * var(--u)) calc(4 * var(--u)) 0 calc(2 * var(--u)); }
.dhm-src .dhm-ib { width: calc(26 * var(--u)); height: calc(26 * var(--u)); font-size: calc(14 * var(--u)); border-radius: calc(8 * var(--u)); }
.dhm-src .dhm-fn { font-size: calc(11.5 * var(--u)); line-height: calc(26 * var(--u)); }
.dhm-src .dhm-pg { left: calc(36 * var(--u)); right: auto; top: calc(36 * var(--u)); }
.dhm-hl { position: absolute; inset: calc(4 * var(--u)) 0; border-radius: calc(10 * var(--u)); background: var(--wash); box-shadow: inset 0 0 0 1.5px rgba(48,91,171,.45); opacity: 0; }
.dhm-hl.is-amb { background: var(--amb-bg); box-shadow: inset 0 0 0 1.5px #f0c46e; }
.dhm-pg { position: absolute; right: calc(8 * var(--u)); top: calc(-6 * var(--u)); font-style: normal; font-size: calc(11 * var(--u)); font-weight: 600; color: #fff; background: var(--blue);
  border-radius: 99px; padding: 0 calc(7 * var(--u)); opacity: 0; }
.dhm-pg.is-amb { background: #d98a12; }
.dhm-crono { left: calc(250 * var(--u)); top: calc(24 * var(--u)); width: calc(516 * var(--u)); height: calc(86 * var(--u)); padding: calc(13 * var(--u)) calc(20 * var(--u)); }
.dhm-ch-h { display: flex; align-items: center; gap: calc(8 * var(--u)); font-size: calc(12 * var(--u)); color: var(--muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 500; }
.dhm-ch-h svg.i { font-size: calc(16 * var(--u)); }
.dhm-tl { position: relative; height: calc(40 * var(--u)); margin: calc(6 * var(--u)) calc(18 * var(--u)) 0; }
.dhm-tl-line { position: absolute; left: 0; right: 0; top: calc(13 * var(--u)); height: 2px; display: flex; transform-origin: 0 50%; }
.dhm-tl-line i:first-child { width: 39%; background: #c9cfdb; }
.dhm-tl-line i:last-child { flex: 1; background: repeating-linear-gradient(90deg, #b3bccc 0 5px, transparent 5px 9px); }
.dhm-node { position: absolute; top: calc(6 * var(--u)); transform: translateX(-50%); display: flex; flex-direction: column; align-items: center;
  gap: calc(4 * var(--u)); font-size: calc(12 * var(--u)); color: var(--muted); white-space: nowrap; }
.dhm-node b { width: calc(15 * var(--u)); height: calc(15 * var(--u)); border-radius: 50%; background: #f3f5f9; border: 1.5px solid #aab3c4; }
.dhm-gap { position: absolute; left: 69%; top: calc(-8 * var(--u)); transform: translateX(-50%); font-size: calc(12.5 * var(--u)); font-weight: 600; color: var(--blue); }
.dhm-rep { left: calc(250 * var(--u)); top: calc(124 * var(--u)); width: calc(516 * var(--u)); padding: calc(2 * var(--u)) calc(22 * var(--u)); }
.dhm-v { padding: calc(14 * var(--u)) 0; border-bottom: 1px solid var(--line); }
.dhm-v:last-child { border-bottom: 0; }
.dhm-chips { display: flex; flex-wrap: wrap; align-items: center; gap: calc(6 * var(--u)) calc(8 * var(--u)); }
.dhm-chip { position: relative; display: inline-flex; align-items: stretch; border: 1px solid #dfe3ea; border-radius: calc(8 * var(--u)); font-size: calc(12.5 * var(--u)); background: #f6f7f9; }
.dhm-chip > span { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(3 * var(--u)) calc(9 * var(--u)); color: var(--muted); white-space: nowrap; }
.dhm-chip > span + span { border-left: 1px solid #dfe3ea; }
.dhm-chip > span:first-of-type { border-radius: calc(8 * var(--u)) 0 0 calc(8 * var(--u)); }
.dhm-chip > span:last-of-type { border-radius: 0 calc(8 * var(--u)) calc(8 * var(--u)) 0; }
.dhm-chip .is-pg { color: var(--blue); font-weight: 600; background: #eef2f9; }
.dhm-chip .is-cmp { color: var(--blue); background: #e9eef8; }
.dhm-ring2 { position: absolute; inset: calc(-4 * var(--u)); border-radius: calc(11 * var(--u)); box-shadow: 0 0 0 2px var(--blue); opacity: 0; pointer-events: none; }
.dhm-ring2.is-amb { box-shadow: 0 0 0 2px #e0a03a; }
.dhm-pill { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(3 * var(--u)) calc(10 * var(--u)); border-radius: calc(8 * var(--u));
  border: 1px solid var(--amb-bd); background: var(--amb-bg); color: var(--amb); font-size: calc(12.5 * var(--u)); font-weight: 500; white-space: nowrap; }
.dhm-vt { margin-top: calc(8 * var(--u)); font-size: calc(15 * var(--u)); font-weight: 600; color: var(--blue); line-height: 1.3; }
.dhm-vq { display: grid; gap: calc(8 * var(--u)); margin-top: calc(10 * var(--u)); }
.dhm-vrow { display: flex; align-items: center; gap: calc(8 * var(--u)); }
.dhm-vq mark { position: relative; z-index: 0; background: none; color: var(--amb); font-weight: 600; font-style: italic; font-size: calc(13.5 * var(--u)); line-height: 1; padding: 0 calc(3 * var(--u)); }
.dhm-vq mark i { position: absolute; inset: calc(-4 * var(--u)) calc(-2 * var(--u)); z-index: -1; border-radius: 4px; background: #ffe2a3; opacity: 0; }
.dhm-cmpv { left: calc(250 * var(--u)); top: calc(24 * var(--u)); width: calc(516 * var(--u)); height: calc(492 * var(--u)); display: grid; grid-template-columns: 50% 1fr;
  overflow: hidden; opacity: 0; box-shadow: 0 calc(16 * var(--u)) calc(40 * var(--u)) rgba(29,43,79,.16); }
.dhm-cmp-l { padding: calc(20 * var(--u)) calc(20 * var(--u)); border-right: 1px solid var(--line); display: flex; flex-direction: column; align-items: flex-start; gap: calc(10 * var(--u)); }
.dhm-cmp-l .dhm-vt { margin: 0; }
.dhm-cmp-l .dhm-vq { align-self: stretch; margin: 0; }
.dhm-cmp-h { font-size: calc(11.5 * var(--u)); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; justify-content: space-between; gap: calc(8 * var(--u)); }
.dhm-cmp-h span { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--blue); }
.dhm-cmp-r { padding: calc(20 * var(--u)) calc(20 * var(--u)); background: #eef0f4; display: flex; flex-direction: column; gap: calc(12 * var(--u)); }
.dhm-hand { position: relative; flex: 1; background: #fffdf7; border: 1px solid #e3dccb; border-radius: calc(4 * var(--u)); box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(0,0,0,.08); }
.dhm-hand svg { position: absolute; inset: 6% 6%; width: 88%; height: 88%; fill: none; stroke: #33415f; stroke-width: 1.3; stroke-linecap: round; opacity: .82; }
.dhm-ill-box { position: absolute; left: 50%; top: 56%; width: 34%; height: 11%; border: 2px dashed #d98a12; border-radius: calc(6 * var(--u)); background: rgba(255,178,36,.18); opacity: 0; }
.dhm-fly { position: absolute; inset: 0; pointer-events: none; z-index: 4; }
.dhm-fly i { position: absolute; left: 0; top: 0; width: calc(36 * var(--u)); height: calc(46 * var(--u)); margin: calc(-23 * var(--u)) 0 0 calc(-18 * var(--u)); border-radius: calc(4 * var(--u));
  background: #fff linear-gradient(var(--blue), var(--blue)) calc(6 * var(--u)) calc(7 * var(--u)) / calc(16 * var(--u)) calc(4 * var(--u)) no-repeat;
  border: 1px solid #d5dbe6; box-shadow: 0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(29,43,79,.16); opacity: 0; }
.dhm-fly i::after { content: ""; position: absolute; left: calc(6 * var(--u)); right: calc(6 * var(--u)); top: calc(16 * var(--u)); height: calc(22 * var(--u));
  background: repeating-linear-gradient(#dfe4ec 0 calc(3 * var(--u)), transparent calc(3 * var(--u)) calc(7 * var(--u))); }
.dhm-fly i.is-amb { background-color: #fffaf0; border-color: #f0d49a; }
.dhm-doc { left: calc(20 * var(--u)); top: calc(20 * var(--u)); width: calc(450 * var(--u)); bottom: calc(-40 * var(--u)); overflow: hidden; transform-origin: 50% 30%; }
.dhm-doc-h { padding: calc(16 * var(--u)) calc(24 * var(--u)) calc(14 * var(--u)); background: #f1f5fc; border-bottom: 1px solid var(--line); }
.dhm-meta { display: flex; align-items: center; gap: calc(12 * var(--u)); }
.dhm-meta > .dhm-sk { width: calc(84 * var(--u)); }
.dhm-meta span { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); font-size: calc(12 * var(--u)); color: var(--ink); font-weight: 500; }
.dhm-meta .dhm-mi { width: calc(20 * var(--u)); height: calc(20 * var(--u)); }
.dhm-doc-t { margin-top: calc(6 * var(--u)); font-size: calc(19 * var(--u)); font-weight: 700; color: var(--blue); letter-spacing: -.01em; }
.dhm-doc-b { padding: calc(8 * var(--u)) calc(24 * var(--u)); }
.dhm-doc-b > div { margin-top: calc(14 * var(--u)); }
.dhm-sh { font-size: calc(14 * var(--u)); font-weight: 600; color: var(--blue); }
.dhm-lines { display: grid; gap: calc(8 * var(--u)); margin-top: calc(9 * var(--u)); transform-origin: 0 50%; }
.dhm-valu { position: relative; z-index: 0; display: flex; align-items: baseline; gap: calc(8 * var(--u)); margin-top: calc(8 * var(--u)); padding: calc(4 * var(--u)) calc(8 * var(--u)); margin-left: calc(-8 * var(--u));
  font-size: calc(14 * var(--u)); color: var(--text); }
.dhm-valu b { color: var(--blue); font-weight: 600; }
.dhm-ghl { position: absolute; inset: 0; z-index: -1; border-radius: calc(6 * var(--u)); background: var(--ok-bg); }
.dhm-swap { display: inline-grid; font-weight: 600; color: var(--ink); }
.dhm-swap > span { grid-area: 1 / 1; }
.dhm-v14 { opacity: 0; }
.dhm-az { left: calc(490 * var(--u)); top: calc(20 * var(--u)); width: calc(280 * var(--u)); padding: calc(18 * var(--u)); display: grid; gap: calc(10 * var(--u));
  border-radius: calc(20 * var(--u)); }
.dhm-az-t { font-size: calc(15 * var(--u)); font-weight: 600; color: var(--ink); margin-bottom: calc(2 * var(--u)); }
.dhm-ask, .dhm-ob { display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--u)); height: calc(40 * var(--u)); border-radius: 99px; font-size: calc(14 * var(--u)); font-weight: 500; white-space: nowrap; }
.dhm-ask svg.i, .dhm-ob svg.i { font-size: calc(16 * var(--u)); }
.dhm-ask { color: #fff; background: linear-gradient(90deg, #3d7bf0, #6b4fe0); box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(80,90,230,.28); }
.dhm-ask svg.i { fill: currentColor; stroke: none; }
.dhm-ob { background: #fff; border: 1px solid #d5dae3; color: var(--ink); }
.dhm-az-sep { display: block; height: 1px; background: var(--line); margin: calc(2 * var(--u)) 0; }
.dhm-mbar { display: none; }
.dhm-menu { left: calc(482 * var(--u)); top: calc(216 * var(--u)); width: calc(288 * var(--u)); padding: calc(6 * var(--u)); opacity: 0; border-radius: calc(14 * var(--u));
  box-shadow: 0 calc(16 * var(--u)) calc(36 * var(--u)) rgba(29,43,79,.18); }
.dhm-menu .dhm-cap { padding: calc(6 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u)); font-size: calc(11 * var(--u)); }
.dhm-fmt { display: flex; align-items: center; gap: calc(12 * var(--u)); padding: calc(9 * var(--u)) calc(10 * var(--u)); border-radius: calc(10 * var(--u)); }
.dhm-fmt[data-k=lh] { background: hsl(220 16% 93%); }
.dhm-fi { width: calc(32 * var(--u)); height: calc(36 * var(--u)); flex: 0 0 auto; overflow: visible; }
.dhm-fi.is-word { color: hsl(221 83% 53%); } .dhm-fi.is-pdf { color: hsl(0 72% 51%); } .dhm-fi.is-markdown { color: hsl(215 19% 35%); }
.dhm-fmt span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: calc(2 * var(--u)); }
.dhm-fmt b { font-size: calc(14 * var(--u)); font-weight: 500; line-height: 1.25; color: var(--text); }
.dhm-fmt small { font-size: calc(12 * var(--u)); line-height: 1.25; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dhm-msep { display: block; height: 1px; margin: calc(6 * var(--u)) calc(10 * var(--u)); background: var(--line); }
.dhm-chat { left: calc(490 * var(--u)); top: calc(20 * var(--u)); width: calc(280 * var(--u)); bottom: calc(20 * var(--u)); opacity: 0; border-radius: calc(20 * var(--u)); }
.dhm-chat-h { display: flex; align-items: center; gap: calc(10 * var(--u)); height: calc(52 * var(--u)); padding: 0 calc(14 * var(--u)); border-bottom: 1px solid var(--line);
  font-size: calc(13.5 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-spk { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: calc(26 * var(--u)); height: calc(26 * var(--u)); border-radius: calc(7 * var(--u));
  background: linear-gradient(135deg, #305bab, #4b7be0); color: #fff; font-size: calc(14 * var(--u)); }
.dhm-spk svg.i { fill: currentColor; stroke: none; }
.dhm-askc-h .dhm-spk { width: calc(32 * var(--u)); height: calc(32 * var(--u)); font-size: calc(17 * var(--u)); border-radius: calc(9 * var(--u)); }
.dhm-ub { position: absolute; right: calc(12 * var(--u)); top: calc(66 * var(--u)); display: flex; align-items: flex-start; gap: calc(8 * var(--u)); max-width: calc(250 * var(--u)); }
.dhm-ub span { padding: calc(9 * var(--u)) calc(12 * var(--u)); border-radius: calc(12 * var(--u)); background: #e8edf6; border: 1px solid #dbe2ef; color: var(--ink); font-size: calc(12.5 * var(--u)); line-height: 1.45; }
.dhm-ub b { width: calc(26 * var(--u)); height: calc(26 * var(--u)); font-size: calc(10 * var(--u)); }
.dhm-dots { position: absolute; left: calc(12 * var(--u)); top: calc(160 * var(--u)); display: flex; align-items: center; gap: calc(5 * var(--u)); opacity: 0; }
.dhm-dots .dhm-spk { margin-right: calc(5 * var(--u)); }
.dhm-dots i { width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: #9aa6bd; }
.dhm-ans { position: absolute; left: calc(12 * var(--u)); right: calc(12 * var(--u)); top: calc(160 * var(--u)); display: flex; gap: calc(9 * var(--u)); font-size: calc(12.5 * var(--u)); color: var(--ink); line-height: 1.5; }
.dhm-ans b { color: var(--blue); font-weight: 600; }
.dhm-ans em { display: flex; align-items: center; gap: calc(6 * var(--u)); margin-top: calc(8 * var(--u)); font-style: normal; font-size: calc(12 * var(--u)); color: var(--muted); }
.dhm-ans em svg.i { color: #e0a03a; }
.dhm-inp { position: absolute; left: calc(12 * var(--u)); right: calc(12 * var(--u)); bottom: calc(12 * var(--u)); height: calc(92 * var(--u)); padding: calc(10 * var(--u)) calc(12 * var(--u));
  border: 1px solid #d5dae3; border-radius: calc(14 * var(--u)); background: #fff; font-size: calc(12.5 * var(--u)); line-height: 1.45; }
.dhm-ph { position: absolute; left: calc(12 * var(--u)); top: calc(10 * var(--u)); color: #8a93a5; }
.dhm-typ { position: absolute; left: calc(12 * var(--u)); right: calc(44 * var(--u)); top: calc(10 * var(--u)); color: var(--ink); }
.dhm-typ span { opacity: 0; }
.dhm-send { position: absolute; right: calc(10 * var(--u)); bottom: calc(10 * var(--u)); display: inline-flex; align-items: center; justify-content: center; width: calc(28 * var(--u)); height: calc(28 * var(--u));
  border-radius: 50%; background: var(--blue); color: #fff; font-size: calc(15 * var(--u)); }
.dhm-view { position: absolute; inset: 0; z-index: 5; background: #dcdfe5; opacity: 0; }
.dhm-view-bar { display: flex; align-items: center; gap: calc(10 * var(--u)); height: calc(40 * var(--u)); padding: 0 calc(18 * var(--u)); background: #fff; border-bottom: 1px solid #cfd4dc;
  font-size: calc(13 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-fi-bar { width: calc(22 * var(--u)); height: calc(26 * var(--u)); }
.dhm-a4 { position: absolute; left: calc(314 * var(--u)); top: calc(56 * var(--u)); width: calc(332 * var(--u)); height: calc(470 * var(--u)); padding: calc(26 * var(--u)) calc(30 * var(--u));
  background: #fff; box-shadow: 0 calc(8 * var(--u)) calc(24 * var(--u)) rgba(0,0,0,.14); font-family: Georgia, "Times New Roman", serif; color: #2b2f38; transform-origin: 0 0; }
.dhm-lh { display: flex; align-items: center; gap: calc(12 * var(--u)); padding: calc(2 * var(--u)) 0 calc(12 * var(--u)); border-bottom: 1.5px solid var(--lh); font-family: "Poppins", Arial, sans-serif; }
.dhm-lh > b { display: inline-flex; align-items: center; justify-content: center; width: calc(36 * var(--u)); height: calc(36 * var(--u)); border-radius: 50%; background: var(--lh); color: #fff;
  font-size: calc(13 * var(--u)); font-weight: 600; flex: 0 0 auto; }
.dhm-lh strong { display: block; color: var(--lh); font-size: calc(13 * var(--u)); font-weight: 600; line-height: 1.25; }
.dhm-lh small { display: block; color: #4a4f5a; font-size: calc(10.5 * var(--u)); line-height: 1.3; }
.dhm-a4-t { margin: calc(16 * var(--u)) 0 calc(4 * var(--u)); font-size: calc(14 * var(--u)); font-weight: 700; }
.dhm-a4-s { margin-top: calc(12 * var(--u)); font-size: calc(12 * var(--u)); font-weight: 700; }
.dhm-a4-l { display: grid; gap: calc(6 * var(--u)); margin-top: calc(7 * var(--u)); }
.dhm-a4-l i { display: block; height: calc(5 * var(--u)); border-radius: 99px; background: #e4e6ea; }
.dhm-a4-v { margin-top: calc(7 * var(--u)); font-size: calc(12.5 * var(--u)); }
.dhm-a4-f { position: absolute; left: calc(30 * var(--u)); right: calc(30 * var(--u)); bottom: calc(18 * var(--u)); display: flex; align-items: center; gap: calc(10 * var(--u));
  font-family: "Poppins", Arial, sans-serif; font-size: calc(10.5 * var(--u)); color: #6a6f7a; }
.dhm-a4-f i { flex: 1; height: 1px; background: #d9c3c7; }
.dhm-rag { left: calc(20 * var(--u)); top: calc(20 * var(--u)); right: calc(20 * var(--u)); bottom: calc(20 * var(--u)); border-radius: calc(20 * var(--u)); }
.dhm-rag .dhm-chat-h { height: calc(56 * var(--u)); padding: 0 calc(20 * var(--u)); font-size: calc(14 * var(--u)); }
.dhm-ttls { display: inline-grid; } .dhm-ttls > span { grid-area: 1 / 1; } .dhm-ttl { opacity: 0; }
.dhm-thr-w { position: absolute; left: 0; right: 0; top: calc(56 * var(--u)); bottom: calc(100 * var(--u)); overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent, #000 calc(22 * var(--u))); mask-image: linear-gradient(transparent, #000 calc(22 * var(--u))); }
.dhm-thr { position: absolute; left: 0; right: 0; top: 0; height: calc(600 * var(--u)); }
.dhm-rag .dhm-ub { right: calc(24 * var(--u)); top: calc(22 * var(--u)); max-width: calc(470 * var(--u)); }
.dhm-rag .dhm-ub span { font-size: calc(13 * var(--u)); }
.dhm-rag .dhm-ub3 { top: calc(196 * var(--u)); }
.dhm-d2, .dhm-ans2 { left: calc(24 * var(--u)); top: calc(90 * var(--u)); }
.dhm-d3, .dhm-ans3 { left: calc(24 * var(--u)); top: calc(262 * var(--u)); }
.dhm-ans2, .dhm-ans3 { position: absolute; width: calc(400 * var(--u)); display: flex; gap: calc(12 * var(--u)); }
.dhm-ans3 { width: calc(470 * var(--u)); }
.dhm-ans2 > div, .dhm-ans3 > div { flex: 1; padding-top: calc(4 * var(--u)); }
.dhm-ans2 .dhm-lines, .dhm-ans3 .dhm-lines { display: flex; align-items: center; gap: calc(6 * var(--u)); margin: 0 0 calc(11 * var(--u)); }
.dhm-ref { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: calc(17 * var(--u)); height: calc(17 * var(--u)); border-radius: calc(4 * var(--u));
  background: var(--blue); color: #fff; font-size: calc(11 * var(--u)); font-weight: 600; }
.dhm-fonti { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); margin-top: calc(4 * var(--u)); padding: calc(4 * var(--u)) calc(10 * var(--u)); border: 1px solid #cfd9ee; border-radius: calc(8 * var(--u));
  background: #f3f6fc; color: var(--blue); font-size: calc(12 * var(--u)); font-weight: 500; }
.dhm-pm { display: flex; align-items: center; gap: calc(10 * var(--u)); height: calc(36 * var(--u)); padding: 0 calc(12 * var(--u)); margin-bottom: calc(8 * var(--u));
  border: 1px solid var(--line); border-radius: calc(10 * var(--u)); background: #fff; }
.dhm-pm em { font-style: normal; font-size: calc(11.5 * var(--u)); font-weight: 600; color: #20558a; background: #e6eef7; border-radius: calc(5 * var(--u)); padding: calc(1 * var(--u)) calc(7 * var(--u)); }
.dhm-pm .dhm-sk { flex: 1; max-width: 70%; }
.dhm-pm b { margin-left: auto; font-size: calc(12.5 * var(--u)); font-weight: 600; color: var(--muted); }
.dhm-pop { position: absolute; right: calc(24 * var(--u)); top: calc(150 * var(--u)); width: calc(300 * var(--u)); padding: calc(14 * var(--u)) calc(16 * var(--u)); background: #fff;
  border: 1px solid var(--line); border-radius: calc(14 * var(--u)); box-shadow: 0 calc(14 * var(--u)) calc(34 * var(--u)) rgba(29,43,79,.16); opacity: 0; }
.dhm-pop-t { display: flex; align-items: center; gap: calc(8 * var(--u)); font-size: calc(13.5 * var(--u)); color: var(--ink); }
.dhm-pop-s { margin: calc(6 * var(--u)) 0 calc(4 * var(--u)); font-size: calc(12.5 * var(--u)); color: var(--text); line-height: 1.4; }
.dhm-inp2 { left: calc(120 * var(--u)); right: calc(120 * var(--u)); bottom: calc(22 * var(--u)); height: calc(66 * var(--u)); font-size: calc(13 * var(--u)); }
.dhm-s5-t { position: absolute; left: 0; right: 0; top: calc(44 * var(--u)); text-align: center; font-size: calc(21 * var(--u)); font-weight: 600; color: var(--ink); letter-spacing: -.01em; }
.dhm-tile { top: calc(104 * var(--u)); width: calc(236 * var(--u)); height: calc(330 * var(--u)); padding: calc(18 * var(--u)) calc(20 * var(--u)); display: flex; flex-direction: column; align-items: flex-start;
  border-radius: calc(18 * var(--u)); }
.dhm-tile[data-k=t1] { left: calc(22 * var(--u)); } .dhm-tile[data-k=t2] { left: calc(277 * var(--u)); } .dhm-tile[data-k=t3] { left: calc(532 * var(--u)); }
.dhm-role { display: inline-flex; align-items: center; gap: calc(7 * var(--u)); padding: calc(5 * var(--u)) calc(12 * var(--u)) calc(5 * var(--u)) calc(10 * var(--u)); border-radius: 99px;
  background: var(--wash); color: var(--blue); font-size: calc(13.5 * var(--u)); font-weight: 600; white-space: nowrap; }
.dhm-role svg.i { font-size: calc(16 * var(--u)); }
.dhm-vis { flex: 1; align-self: stretch; display: flex; align-items: center; justify-content: center; }
.dhm-page { position: relative; display: grid; align-content: start; gap: calc(9 * var(--u)); width: calc(104 * var(--u)); height: calc(132 * var(--u)); padding: calc(14 * var(--u)) calc(12 * var(--u));
  border: 1px solid var(--line); border-radius: calc(8 * var(--u)); background: #fff; box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(29,43,79,.08); }
.dhm-pg-h { display: block; width: 60%; height: calc(8 * var(--u)); border-radius: 99px; background: var(--blue); }
.dhm-page em { position: absolute; left: calc(12 * var(--u)); bottom: calc(14 * var(--u)); font-style: normal; font-weight: 700; font-size: calc(14 * var(--u)); color: var(--ink);
  background: var(--ok-bg); border-radius: calc(5 * var(--u)); padding: 0 calc(6 * var(--u)); }
.dhm-lights { display: flex; flex-direction: column; gap: calc(7 * var(--u)); padding: calc(9 * var(--u)); border-radius: 99px; background: #233457; }
.dhm-lights i { display: block; width: calc(22 * var(--u)); height: calc(22 * var(--u)); border-radius: 50%; background: #3d4d70; }
.dhm-lights i.is-g { background: #3bbe84; box-shadow: 0 0 calc(14 * var(--u)) rgba(59,190,132,.8); }
.dhm-eur { flex-direction: column; align-items: flex-start; justify-content: center; gap: calc(4 * var(--u)); }
.dhm-eur span { font-size: calc(13 * var(--u)); color: var(--muted); }
.dhm-eur b { display: block; font-size: calc(24 * var(--u)); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -.01em; line-height: 1.2; }
.dhm-res { padding-top: calc(12 * var(--u)); border-top: 1px solid var(--line); align-self: stretch; font-size: calc(14 * var(--u)); color: var(--text); line-height: 1.45; }
.dhm-vcap { position: absolute; left: calc(40 * var(--u)); top: calc(214 * var(--u)); width: calc(240 * var(--u)); padding: calc(14 * var(--u)) calc(16 * var(--u)); background: #fff; border-radius: calc(14 * var(--u));
  box-shadow: 0 calc(10 * var(--u)) calc(26 * var(--u)) rgba(29,43,79,.14); font-size: calc(14.5 * var(--u)); line-height: 1.45; color: var(--ink); font-weight: 500; opacity: 0; }
.dhm-vcap em { display: block; margin-bottom: calc(4 * var(--u)); font-style: normal; font-size: calc(11.5 * var(--u)); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--lh); }
.dhm-cur { position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; z-index: 7; }
.dhm-cur svg { position: absolute; left: calc(-4 * var(--u)); top: calc(-4 * var(--u)); width: calc(24 * var(--u)); height: calc(24 * var(--u)); fill: #1d2b4f; stroke: #fff; stroke-width: 1.5;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.25)); }
.dhm-ring { position: absolute; left: calc(-14 * var(--u)); top: calc(-14 * var(--u)); width: calc(28 * var(--u)); height: calc(28 * var(--u)); border-radius: 50%;
  border: 2px solid var(--blue); background: rgba(48,91,171,.12); opacity: 0; }
.dhm-bar { display: flex; align-items: center; gap: 16px; height: 64px; padding: 0 12px 0 20px; background: #f2f6fc; border-top: 1px solid rgba(48,91,171,.10); }
.dhm-lab { display: flex; align-items: center; gap: 10px; width: 300px; flex: 0 0 auto; margin: 0; font-size: 15px; font-weight: 600; color: var(--blue); white-space: nowrap; }
.dhm-lab b { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 12px; flex: 0 0 auto; }
.dhm-segs { flex: 1; display: flex; gap: 6px; }
.dhm-seg { flex: 1 1 0; min-width: 0; height: 32px; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; display: flex; align-items: center; border-radius: 6px; }
.dhm-seg i { display: block; width: 100%; height: 4px; border-radius: 4px; background: rgba(48,91,171,.16); overflow: hidden; position: relative; }
.dhm-seg i::after { content: ""; position: absolute; inset: 0; background: var(--blue); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); will-change: transform; }
.dhm-seg:hover i { background: rgba(48,91,171,.28); }
.dhm-seg:focus-visible, .dhm-pp:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.dhm-pp { flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
  border: 1px solid rgba(48,91,171,.18); background: #fff; color: var(--blue); cursor: pointer; font-size: 16px; padding: 0; }
.dhm-pp svg.i { fill: currentColor; stroke: none; }
.dhm-pp .is-play, .dhm.is-paused .dhm-pp .is-pause { display: none; }
.dhm.is-paused .dhm-pp .is-play { display: block; }
@container (max-width: 639px) {
  .dhm-stage { --u: calc(100cqw / 360); aspect-ratio: 4 / 5; font-size: calc(13 * var(--u)); }
  .dhm-side, .dhm-src, .dhm-lane-ch { display: none; }
  .dhm-top { position: absolute; left: 0; right: 0; top: 0; height: calc(48 * var(--u)); display: flex; align-items: center; gap: calc(12 * var(--u)); padding: 0 calc(14 * var(--u));
    background: #fff; border-bottom: 1px solid var(--line); color: var(--ink); font-size: calc(20 * var(--u)); }
  .dhm-top .dhm-wm { width: calc(56 * var(--u)); height: calc(21 * var(--u)); }
  .dhm-top b { margin-left: auto; width: calc(28 * var(--u)); height: calc(28 * var(--u)); }
  .dhm-sc { left: 0; top: calc(48 * var(--u)); }
  .dhm-card { border-radius: calc(14 * var(--u)); }
  .dhm-hello { left: calc(16 * var(--u)); top: calc(14 * var(--u)); font-size: calc(19 * var(--u)); }
  .dhm-askc { left: calc(14 * var(--u)); top: calc(54 * var(--u)); width: calc(332 * var(--u)); height: calc(108 * var(--u)); }
  .dhm-askc-h { padding: calc(12 * var(--u)) calc(14 * var(--u)); font-size: calc(14 * var(--u)); }
  .dhm-askc-i { height: calc(54 * var(--u)); }
  .dhm-caret { left: calc(14 * var(--u)); } .dhm-ph0, .dhm-sug { left: calc(21 * var(--u)); font-size: calc(13 * var(--u)); }
  .dhm-lane { left: calc(14 * var(--u)); top: calc(174 * var(--u)); width: calc(332 * var(--u)); height: calc(214 * var(--u)); padding: calc(12 * var(--u)) calc(16 * var(--u)); }
  .dhm-lane li { height: calc(38 * var(--u)); }
  .dhm-lane em { display: none; }
  .dhm-obtn { left: calc(16 * var(--u)); right: calc(16 * var(--u)); bottom: calc(14 * var(--u)); }
  .dhm-ptitle { left: calc(16 * var(--u)); top: calc(12 * var(--u)); font-size: calc(16 * var(--u)); }
  .dhm-up { left: calc(14 * var(--u)); top: calc(50 * var(--u)); width: calc(332 * var(--u)); padding: calc(14 * var(--u)) calc(16 * var(--u)); }
  .dhm-drop { padding: calc(8 * var(--u)) calc(12 * var(--u)); margin: calc(8 * var(--u)) 0 calc(2 * var(--u)); }
  .dhm-drop small { display: none; }
  .dhm-drop svg.i { grid-row: auto; font-size: calc(18 * var(--u)); }
  .dhm-files li { height: calc(38 * var(--u)); gap: calc(10 * var(--u)); }
  .dhm-up .dhm-files li { height: calc(33 * var(--u)); }
  .dhm-pb { width: calc(60 * var(--u)); }
  .dhm-aud { height: calc(42 * var(--u)); margin-top: calc(6 * var(--u)); }
  .dhm-lbl2 { margin-top: calc(8 * var(--u)); }
  .dhm-wv { width: calc(90 * var(--u)); height: calc(22 * var(--u)); }
  .dhm-tr { display: none; }
  .dhm-ib { width: calc(27 * var(--u)); height: calc(27 * var(--u)); font-size: calc(14 * var(--u)); }
  .dhm-fn { font-size: calc(13 * var(--u)); }
  .dhm-go-row { margin-top: calc(10 * var(--u)); }
  .dhm-btn { height: calc(34 * var(--u)); }
  .dhm-crono { left: calc(14 * var(--u)); top: calc(14 * var(--u)); width: calc(332 * var(--u)); height: calc(82 * var(--u)); padding: calc(11 * var(--u)) calc(14 * var(--u)); }
  .dhm-tl { margin: calc(6 * var(--u)) calc(14 * var(--u)) 0; }
  .dhm-node { font-size: calc(11.5 * var(--u)); }
  .dhm-node[data-k=n3] { display: none; }
  .dhm-node[data-k=n2] { left: 19% !important; }
  .dhm-rep { left: calc(14 * var(--u)); top: calc(110 * var(--u)); width: calc(332 * var(--u)); height: calc(276 * var(--u)); padding: 0; }
  .dhm-v { position: absolute; left: calc(16 * var(--u)); right: calc(16 * var(--u)); top: 0; border: 0; padding: calc(18 * var(--u)) 0; }
  .dhm-chips { flex-wrap: wrap; gap: calc(8 * var(--u)); }
  .dhm-chip, .dhm-pill { font-size: calc(12 * var(--u)); }
  .dhm-vt { font-size: calc(16.5 * var(--u)); margin-top: calc(12 * var(--u)); }
  .dhm-vq { margin-top: calc(14 * var(--u)); gap: calc(10 * var(--u)); }
  .dhm-cmpv { left: calc(14 * var(--u)); top: calc(14 * var(--u)); width: calc(332 * var(--u)); height: calc(374 * var(--u)); grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .dhm-cmp-l { padding: calc(14 * var(--u)) calc(16 * var(--u)); border-right: 0; border-bottom: 1px solid var(--line); gap: calc(8 * var(--u)); }
  .dhm-cmp-l .dhm-vq .dhm-sk:nth-child(2) { display: none; }
  .dhm-cmp-r { padding: calc(12 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u)); gap: calc(8 * var(--u)); }
  .dhm-doc { left: calc(14 * var(--u)); top: calc(14 * var(--u)); width: calc(332 * var(--u)); bottom: 0; }
  .dhm-doc-h { padding: calc(12 * var(--u)) calc(16 * var(--u)); }
  .dhm-doc-t { font-size: calc(17 * var(--u)); }
  .dhm-doc-b { padding: calc(2 * var(--u)) calc(16 * var(--u)); }
  .dhm-doc-b > div { margin-top: calc(12 * var(--u)); }
  .dhm-doc-b .dhm-lines .dhm-sk + .dhm-sk { display: none; }
  .dhm-lines { margin-top: calc(7 * var(--u)); }
  .dhm-az { display: none; }
  .dhm-mbar { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; gap: calc(6 * var(--u)); padding: calc(10 * var(--u)) calc(14 * var(--u));
    background: #fff; border-top: 1px solid var(--line); }
  .dhm-mbar .dhm-ask, .dhm-mbar .dhm-ob { height: calc(32 * var(--u)); font-size: calc(12.5 * var(--u)); }
  .dhm-menu { left: calc(14 * var(--u)); top: auto; bottom: calc(90 * var(--u)); width: calc(332 * var(--u)); }
  .dhm-fmt { padding: calc(6 * var(--u)) calc(10 * var(--u)); }
  .dhm-chat { left: 0; right: 0; width: auto; top: calc(8 * var(--u)); bottom: 0; border-radius: calc(18 * var(--u)) calc(18 * var(--u)) 0 0;
    box-shadow: 0 calc(-8 * var(--u)) calc(30 * var(--u)) rgba(29,43,79,.16); }
  .dhm-ub { max-width: calc(290 * var(--u)); }
  .dhm-ub span, .dhm-ans, .dhm-inp { font-size: calc(13 * var(--u)); }
  .dhm-dots, .dhm-ans { top: calc(170 * var(--u)); }
  .dhm-inp { height: calc(86 * var(--u)); }
  .dhm-view-bar { height: calc(36 * var(--u)); font-size: calc(12 * var(--u)); }
  .dhm-a4 { left: calc(46 * var(--u)); top: calc(46 * var(--u)); width: calc(268 * var(--u)); height: calc(300 * var(--u)); padding: calc(18 * var(--u)) calc(22 * var(--u)); }
  .dhm-a4-l i:nth-child(n+2) { display: none; }
  .dhm-lh > b { width: calc(30 * var(--u)); height: calc(30 * var(--u)); font-size: calc(11 * var(--u)); }
  .dhm-lh strong { font-size: calc(12.5 * var(--u)); }
  .dhm-lh small { font-size: calc(9.5 * var(--u)); }
  .dhm-a4-t { font-size: calc(12.5 * var(--u)); margin-top: calc(12 * var(--u)); }
  .dhm-a4-s { font-size: calc(11 * var(--u)); margin-top: calc(9 * var(--u)); }
  .dhm-a4-v { font-size: calc(11.5 * var(--u)); }
  .dhm-a4-f { left: calc(22 * var(--u)); right: calc(22 * var(--u)); bottom: calc(12 * var(--u)); font-size: calc(9.5 * var(--u)); }
  .dhm-rag { left: calc(10 * var(--u)); top: calc(10 * var(--u)); right: calc(10 * var(--u)); bottom: calc(10 * var(--u)); }
  .dhm-rag .dhm-chat-h { height: calc(48 * var(--u)); padding: 0 calc(14 * var(--u)); font-size: calc(13.5 * var(--u)); }
  .dhm-thr-w { top: calc(48 * var(--u)); bottom: calc(92 * var(--u)); }
  .dhm-rag .dhm-ub { right: calc(12 * var(--u)); top: calc(14 * var(--u)); max-width: calc(300 * var(--u)); }
  .dhm-rag .dhm-ub3 { top: calc(196 * var(--u)); }
  .dhm-d2, .dhm-ans2 { left: calc(12 * var(--u)); top: calc(88 * var(--u)); }
  .dhm-d3, .dhm-ans3 { left: calc(12 * var(--u)); top: calc(250 * var(--u)); }
  .dhm-ans2, .dhm-ans3 { width: calc(310 * var(--u)); }
  .dhm-pm { height: calc(34 * var(--u)); }
  .dhm-pop { left: calc(12 * var(--u)); right: calc(12 * var(--u)); top: auto; bottom: calc(92 * var(--u)); width: auto; }
  .dhm-inp2 { left: calc(12 * var(--u)); right: calc(12 * var(--u)); bottom: calc(12 * var(--u)); height: calc(70 * var(--u)); }
  .dhm-s5-t { top: calc(12 * var(--u)); left: calc(20 * var(--u)); right: calc(20 * var(--u)); font-size: calc(16 * var(--u)); line-height: 1.3; }
  .dhm-tile { left: calc(14 * var(--u)) !important; width: calc(332 * var(--u)); height: calc(106 * var(--u)); padding: calc(12 * var(--u)) calc(14 * var(--u));
    display: grid; grid-template-columns: calc(70 * var(--u)) 1fr; grid-template-rows: auto 1fr; column-gap: calc(14 * var(--u)); align-content: center; border-radius: calc(16 * var(--u)); }
  .dhm-tile[data-k=t1] { top: calc(64 * var(--u)); } .dhm-tile[data-k=t2] { top: calc(178 * var(--u)); } .dhm-tile[data-k=t3] { top: calc(292 * var(--u)); }
  .dhm-tile .dhm-vis { grid-column: 1; grid-row: 1 / 3; }
  .dhm-tile .dhm-role { grid-column: 2; justify-self: start; font-size: calc(12.5 * var(--u)); }
  .dhm-tile .dhm-res { grid-column: 2; padding-top: calc(6 * var(--u)); border: 0; font-size: calc(12.5 * var(--u)); line-height: 1.4; }
  .dhm-page { width: calc(56 * var(--u)); height: calc(72 * var(--u)); padding: calc(8 * var(--u)); gap: calc(6 * var(--u)); }
  .dhm-page .dhm-sk { height: calc(5 * var(--u)); }
  .dhm-page em { left: calc(7 * var(--u)); bottom: calc(7 * var(--u)); font-size: calc(11 * var(--u)); }
  .dhm-lights { gap: calc(4 * var(--u)); padding: calc(6 * var(--u)); }
  .dhm-lights i { width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
  .dhm-tile[data-k=t3] { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .dhm-tile[data-k=t3] .dhm-vis { grid-column: 1; grid-row: 3; justify-content: flex-start; }
  .dhm-tile[data-k=t3] .dhm-role, .dhm-tile[data-k=t3] .dhm-res { grid-column: 1; }
  .dhm-eur { flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 0 calc(6 * var(--u)); margin-top: calc(2 * var(--u)); }
  .dhm-eur span { font-size: calc(12 * var(--u)); }
  .dhm-eur b { display: inline; font-size: calc(15 * var(--u)); }
  .dhm-vcap { left: calc(20 * var(--u)); right: calc(20 * var(--u)); width: auto; top: auto; bottom: calc(14 * var(--u)); font-size: calc(13 * var(--u)); padding: calc(10 * var(--u)) calc(14 * var(--u)); }
  .dhm-cur svg { display: none; }
  .dhm-cur::before { content: ""; position: absolute; left: calc(-11 * var(--u)); top: calc(-11 * var(--u)); width: calc(22 * var(--u)); height: calc(22 * var(--u)); border-radius: 50%;
    background: rgba(48,91,171,.32); border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.2); }
  .dhm-bar { flex-wrap: wrap; height: 84px; gap: 6px 10px; padding: 10px 12px 8px 16px; align-content: center; }
  .dhm-lab { width: auto; flex: 1; min-width: 0; font-size: 14px; }
  .dhm-lab span { overflow: hidden; text-overflow: ellipsis; }
  .dhm-pp { width: 36px; height: 36px; }
  .dhm-segs { order: 3; flex: 0 0 100%; gap: 4px; }
  .dhm-seg { height: 22px; }
}
.dhm-av-ver { left: calc(20 * var(--u)); top: calc(18 * var(--u)); width: calc(750 * var(--u)); height: calc(165 * var(--u)); overflow: hidden; transform-origin: 50% 0; }
.dhm-av-vh { display: flex; align-items: center; gap: calc(10 * var(--u)); height: calc(42 * var(--u)); padding: 0 calc(10 * var(--u)) 0 calc(18 * var(--u)); background: #f1f5fc;
  border-bottom: 1px solid var(--line); font-size: calc(12.5 * var(--u)); color: var(--muted); }
.dhm-av-vh .dhm-mi { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
.dhm-av-vh > span:first-of-type { flex: 1; min-width: 0; padding: calc(3 * var(--u)) 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dhm-av-vh > span:first-of-type b { font-weight: 600; color: var(--ink); margin-right: calc(8 * var(--u)); }
.dhm-av-ask { flex: 0 0 auto; height: calc(30 * var(--u)); padding: 0 calc(14 * var(--u)); font-size: calc(12.5 * var(--u)); }
.dhm-av-vb { display: flex; gap: calc(20 * var(--u)); padding: calc(12 * var(--u)) calc(22 * var(--u)) 0; }
.dhm-av-vb > div { flex: 1; min-width: 0; }
.dhm-av-lights { flex: 0 0 auto; align-self: flex-start; }
.dhm-av-vl { display: flex; align-items: center; gap: calc(8 * var(--u)); margin-top: calc(3 * var(--u)); font-size: calc(15 * var(--u)); font-weight: 600; color: #1f7a4f; }
.dhm-av-vl em { font-style: normal; color: var(--ink); }
.dhm-av-dot { flex: 0 0 auto; width: calc(11 * var(--u)); height: calc(11 * var(--u)); border-radius: 50%; background: #3bbe84; box-shadow: 0 0 0 calc(3 * var(--u)) var(--ok-bg); }
.dhm-av-why { margin-top: calc(5 * var(--u)); font-size: calc(12.5 * var(--u)); line-height: 1.45; color: var(--text); }
.dhm-av-why b { font-weight: 600; color: var(--ink); }
.dhm-av-note { margin-top: calc(4 * var(--u)); font-size: calc(12 * var(--u)); color: var(--muted); }
.dhm-av-c { padding: calc(13 * var(--u)) calc(14 * var(--u)); overflow: hidden; }
.dhm-av-c1, .dhm-av-c2, .dhm-av-c3 { top: calc(193 * var(--u)); width: calc(242 * var(--u)); height: calc(166 * var(--u)); }
.dhm-av-c1 { left: calc(20 * var(--u)); } .dhm-av-c2 { left: calc(274 * var(--u)); } .dhm-av-c3 { left: calc(528 * var(--u)); }
.dhm-av-c4, .dhm-av-c5 { top: calc(371 * var(--u)); width: calc(368 * var(--u)); height: calc(156 * var(--u)); }
.dhm-av-c5 { left: calc(20 * var(--u)); } .dhm-av-c4 { left: calc(402 * var(--u)); }
.dhm-av-cr { position: absolute; inset: -1px; border-radius: inherit; box-shadow: inset 0 0 0 2px var(--blue); opacity: 0; pointer-events: none; }
.dhm-av-ch { display: flex; align-items: center; gap: calc(9 * var(--u)); font-size: calc(13.5 * var(--u)); font-weight: 600; color: var(--blue); white-space: nowrap; }
.dhm-av-ch .dhm-ib { width: calc(26 * var(--u)); height: calc(26 * var(--u)); font-size: calc(14 * var(--u)); border-radius: calc(8 * var(--u)); }
.dhm-av-sub { margin-top: calc(7 * var(--u)); font-size: calc(12 * var(--u)); color: var(--muted); }
.dhm-av-ok { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); margin-top: calc(8 * var(--u)); padding: calc(1 * var(--u)) calc(9 * var(--u)); border-radius: 99px;
  background: var(--ok-bg); color: #1f7a4f; font-size: calc(11.5 * var(--u)); font-weight: 600; }
.dhm-av-ok svg.i { font-size: calc(12 * var(--u)); stroke-width: 3; }
.dhm-av-row { display: flex; align-items: baseline; justify-content: space-between; gap: calc(10 * var(--u)); min-height: calc(24 * var(--u)); padding: calc(3 * var(--u)) 0;
  border-bottom: 1px solid var(--line); font-size: calc(12 * var(--u)); color: var(--text); }
.dhm-av-row:last-child { border-bottom: 0; }
.dhm-av-c1 [data-k=c1b] { margin-top: calc(5 * var(--u)); }
.dhm-av-row em { font-style: normal; color: var(--muted); }
.dhm-av-row b { flex: 0 0 auto; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.dhm-av-kv { margin-top: calc(8 * var(--u)); }
.dhm-av-kv span { display: block; font-size: calc(11.5 * var(--u)); font-weight: 500; color: var(--muted); }
.dhm-av-kv b { display: block; margin-top: calc(1 * var(--u)); font-size: calc(12 * var(--u)); font-weight: 500; line-height: 1.38; color: var(--ink); }
.dhm-av-li li { position: relative; margin-top: calc(8 * var(--u)); padding-left: calc(14 * var(--u)); font-size: calc(12.5 * var(--u)); font-weight: 500; line-height: 1.4; color: var(--ink); }
.dhm-av-li li::before { content: ""; position: absolute; left: 0; top: calc(7 * var(--u)); width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: var(--blue); }
.dhm-av-eur { display: flex; align-items: baseline; gap: calc(7 * var(--u)); margin: calc(9 * var(--u)) 0 calc(6 * var(--u)); font-size: calc(13 * var(--u)); color: var(--muted); }
.dhm-av-eur b { font-size: calc(22 * var(--u)); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -.01em; line-height: 1.25; }
.dhm-av-c4 .dhm-av-row { border-bottom: 0; color: var(--muted); }
.dhm-av-src { margin-top: calc(2 * var(--u)); font-size: calc(11.5 * var(--u)); color: var(--muted); }
.dhm-av-lq { position: relative; display: flex; align-items: center; gap: calc(9 * var(--u)); height: calc(34 * var(--u)); margin-top: calc(7 * var(--u)); padding: 0 calc(11 * var(--u));
  border: 1px solid var(--amb-bd); border-radius: calc(9 * var(--u)); background: #fffaf0; font-size: calc(12.5 * var(--u)); font-weight: 500; color: var(--ink); }
.dhm-av-lq svg.i { color: var(--amb); font-size: calc(15 * var(--u)); }
.dhm-av-lq .dhm-ring2 { inset: -1px; border-radius: calc(9 * var(--u)); }
.dhm-av-chat { z-index: 2; }
.dhm-av-chat .dhm-ans { top: calc(132 * var(--u)); }
.dhm-av-chat .dhm-ans > div { flex: 1; min-width: 0; }
.dhm-av-ai { display: flex; flex-direction: column; align-items: flex-start; gap: calc(5 * var(--u)); margin-top: calc(11 * var(--u)); }
.dhm-av-ai b { color: var(--ink); }
.dhm-av-chat .dhm-chip { font-size: calc(11.5 * var(--u)); }
.dhm-av-chat .dhm-chip > span { padding: calc(2 * var(--u)) calc(7 * var(--u)); }
.dhm-av-pl { position: absolute; left: calc(95 * var(--u)); right: calc(95 * var(--u)); top: calc(194 * var(--u)); height: 2px; background: #cdd7ea; }
.dhm-av-pl i { display: block; height: 100%; background: var(--blue); transform-origin: 0 50%; }
.dhm-av-st { top: calc(150 * var(--u)); width: calc(138 * var(--u)); height: calc(206 * var(--u)); padding: calc(16 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u));
  display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--u)); text-align: center; }
.dhm-av-st[data-k=st1] { left: calc(26 * var(--u)); } .dhm-av-st[data-k=st2] { left: calc(176 * var(--u)); } .dhm-av-st[data-k=st3] { left: calc(326 * var(--u)); }
.dhm-av-st[data-k=st4] { left: calc(476 * var(--u)); } .dhm-av-st[data-k=st5] { left: calc(626 * var(--u)); }
.dhm-av-st.is-on { border-color: var(--blue); box-shadow: 0 0 0 calc(3 * var(--u)) rgba(48,91,171,.14), 0 calc(6 * var(--u)) calc(20 * var(--u)) rgba(29,43,79,.08); }
.dhm-av-sti { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: calc(56 * var(--u)); height: calc(56 * var(--u)); border-radius: 50%;
  background: #fff; border: 1px solid var(--line); box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(29,43,79,.08); }
.dhm-av-sti .dhm-mi { width: calc(34 * var(--u)); height: calc(34 * var(--u)); }
.dhm-av-st > span:last-child { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: calc(8 * var(--u)); }
.dhm-av-st b { font-size: calc(13 * var(--u)); font-weight: 600; line-height: 1.35; color: var(--ink); }
.dhm-av-st b i { font-style: normal; white-space: nowrap; }
.dhm-av-st em { font-style: normal; font-size: calc(11 * var(--u)); font-weight: 600; line-height: 1.3; color: var(--blue); background: var(--wash); border-radius: 99px; padding: calc(2 * var(--u)) calc(9 * var(--u)); }
.dhm-av-st em.is-ml { color: var(--amb); background: var(--amb-bg); }
.dhm-av-pcap { position: absolute; left: calc(80 * var(--u)); right: calc(80 * var(--u)); top: calc(384 * var(--u)); text-align: center; font-size: calc(14 * var(--u)); line-height: 1.5; color: var(--text); }
@container (max-width: 639px) {
  .dhm-av-ver { left: calc(14 * var(--u)); top: calc(10 * var(--u)); width: calc(332 * var(--u)); height: calc(214 * var(--u)); }
  .dhm-av-pt { font-size: calc(14 * var(--u)); white-space: nowrap; }
  .dhm-av-vh { height: calc(40 * var(--u)); padding: 0 calc(8 * var(--u)) 0 calc(14 * var(--u)); font-size: calc(11.5 * var(--u)); }
  .dhm-av-vh > .dhm-mi { display: none; }
  .dhm-av-vh > span:first-of-type b { margin: 0; }
  .dhm-av-vh > span:first-of-type { font-size: 0; }
  .dhm-av-vh > span:first-of-type b { font-size: calc(11.5 * var(--u)); }
  .dhm-av-ask { width: calc(30 * var(--u)); padding: 0; }
  .dhm-av-ask > span { display: none; }
  .dhm-av-vb { gap: calc(12 * var(--u)); padding: calc(10 * var(--u)) calc(14 * var(--u)) 0; }
  .dhm-av-lights { gap: calc(4 * var(--u)); padding: calc(6 * var(--u)); }
  .dhm-av-lights i { width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
  .dhm-av-vl { font-size: calc(13.5 * var(--u)); align-items: flex-start; line-height: 1.3; }
  .dhm-av-dot { margin-top: calc(4 * var(--u)); }
  .dhm-av-why { font-size: calc(12 * var(--u)); line-height: 1.4; }
  .dhm-av-note { font-size: calc(11 * var(--u)); line-height: 1.35; }
  .dhm-av-c { left: calc(14 * var(--u)) !important; top: calc(232 * var(--u)) !important; width: calc(332 * var(--u)) !important; height: calc(166 * var(--u)) !important; }
  .dhm-av-chat .dhm-ub { top: calc(58 * var(--u)); }
  .dhm-av-chat .dhm-dots, .dhm-av-chat .dhm-ans { top: calc(112 * var(--u)); }
  .dhm-av-chat .dhm-ans { font-size: calc(12.5 * var(--u)); }
  .dhm-av-ai { margin-top: calc(8 * var(--u)); }
  .dhm-av-pc .dhm-s5-t { font-size: calc(15 * var(--u)); }
  .dhm-av-pl { left: calc(46 * var(--u)); right: auto; top: calc(86 * var(--u)); width: 2px; height: calc(244 * var(--u)); }
  .dhm-av-pl i { width: 100%; height: 100%; transform-origin: 50% 0; }
  .dhm-av-st { left: calc(14 * var(--u)) !important; width: calc(332 * var(--u)); height: calc(54 * var(--u)); padding: 0 calc(12 * var(--u)) 0 calc(14 * var(--u));
    flex-direction: row; gap: calc(12 * var(--u)); text-align: left; border-radius: calc(12 * var(--u)); }
  .dhm-av-st[data-k=st1] { top: calc(60 * var(--u)); } .dhm-av-st[data-k=st2] { top: calc(121 * var(--u)); } .dhm-av-st[data-k=st3] { top: calc(182 * var(--u)); }
  .dhm-av-st[data-k=st4] { top: calc(243 * var(--u)); } .dhm-av-st[data-k=st5] { top: calc(304 * var(--u)); }
  .dhm-av-sti { width: calc(36 * var(--u)); height: calc(36 * var(--u)); }
  .dhm-av-sti .dhm-mi { width: calc(24 * var(--u)); height: calc(24 * var(--u)); }
  .dhm-av-st > span:last-child { align-items: flex-start; justify-content: center; gap: calc(3 * var(--u)); min-width: 0; }
  .dhm-av-st b { font-size: calc(12 * var(--u)); line-height: 1.25; }
  .dhm-av-st em { font-size: calc(10.5 * var(--u)); padding: calc(1 * var(--u)) calc(7 * var(--u)); }
  .dhm-av-pcap { left: calc(18 * var(--u)); right: calc(18 * var(--u)); top: calc(366 * var(--u)); font-size: calc(11.5 * var(--u)); line-height: 1.4; }
}
.dhm-so-home { left: calc(24 * var(--u)); top: calc(206 * var(--u)); width: calc(742 * var(--u)); height: calc(310 * var(--u)); padding: calc(14 * var(--u)) calc(18 * var(--u)); }
.dhm-so-hh { display: flex; align-items: center; justify-content: space-between; height: calc(32 * var(--u)); }
.dhm-so-new { display: inline-flex; align-items: center; justify-content: center; gap: calc(6 * var(--u)); height: calc(30 * var(--u)); padding: 0 calc(14 * var(--u));
  border: 1px solid #c9d4ea; border-radius: 99px; color: var(--blue); font-size: calc(12.5 * var(--u)); font-weight: 500; white-space: nowrap; }
.dhm-so-new svg.i { font-size: calc(14 * var(--u)); }
.dhm-so-home ul { margin-top: calc(4 * var(--u)); }
.dhm-so-home li { display: flex; align-items: center; gap: calc(12 * var(--u)); height: calc(44 * var(--u)); border-bottom: 1px solid var(--line); }
.dhm-so-home li:last-child { border-bottom: 0; }
.dhm-so-home .dhm-ib .dhm-mi { width: calc(20 * var(--u)); height: calc(20 * var(--u)); }
.dhm-so-fil, .dhm-so-dt { flex: 0 0 auto; font-style: normal; font-size: calc(12 * var(--u)); color: var(--muted); white-space: nowrap; }
.dhm-so-fil { width: calc(124 * var(--u)); } .dhm-so-dt { width: calc(46 * var(--u)); text-align: right; }
.dhm-so-pg { position: absolute; right: calc(18 * var(--u)); bottom: calc(11 * var(--u)); font-size: calc(11.5 * var(--u)); color: var(--muted); }
.dhm-so-tl { display: inline-flex; flex: 0 0 auto; gap: calc(3 * var(--u)); padding: calc(3 * var(--u)) calc(5 * var(--u)); border-radius: 99px; background: #233457; }
.dhm-so-tl i { display: block; width: calc(9 * var(--u)); height: calc(9 * var(--u)); border-radius: 50%; background: #3d4d70; }
.dhm-so-tl.is-r i:nth-child(1) { background: #ef5b5b; box-shadow: 0 0 calc(6 * var(--u)) rgba(239,91,91,.8); }
.dhm-so-tl.is-a i:nth-child(2) { background: #f2a43a; box-shadow: 0 0 calc(6 * var(--u)) rgba(242,164,58,.8); }
.dhm-so-tl.is-g i:nth-child(3) { background: #3bbe84; box-shadow: 0 0 calc(6 * var(--u)) rgba(59,190,132,.8); }
.dhm-so-c1, .dhm-so-c2 { top: calc(193 * var(--u)); height: calc(166 * var(--u)); }
.dhm-so-c1 { left: calc(20 * var(--u)); width: calc(460 * var(--u)); border-color: #b9cbee; background: linear-gradient(#f6f9ff, #fff 60%); }
.dhm-so-c2 { left: calc(494 * var(--u)); width: calc(276 * var(--u)); }
.dhm-so-c3, .dhm-so-c4 { top: calc(371 * var(--u)); width: calc(368 * var(--u)); height: calc(156 * var(--u)); }
.dhm-so-c3 { left: calc(402 * var(--u)); } .dhm-so-c4 { left: calc(20 * var(--u)); }
.dhm-so-c1 .dhm-av-eur { margin: calc(10 * var(--u)) 0 calc(8 * var(--u)); }
.dhm-so-c1 .dhm-av-eur b { font-size: calc(26 * var(--u)); color: var(--blue); }
.dhm-so-c1 .dhm-av-row { border-bottom: 0; }
.dhm-so-pct { display: flex; align-items: baseline; gap: calc(10 * var(--u)); margin: calc(12 * var(--u)) 0 calc(8 * var(--u)); }
.dhm-so-pct b { font-size: calc(34 * var(--u)); font-weight: 700; line-height: 1.1; color: var(--ink); font-variant-numeric: tabular-nums; }
.dhm-so-pct span { font-size: calc(12.5 * var(--u)); font-weight: 500; line-height: 1.3; color: var(--text); }
.dhm-so-c3 [data-k=c3b] { margin-top: calc(4 * var(--u)); }
.dhm-so-arc { left: calc(20 * var(--u)); top: calc(18 * var(--u)); width: calc(750 * var(--u)); height: calc(350 * var(--u)); padding: calc(18 * var(--u)) calc(22 * var(--u)); overflow: hidden; }
.dhm-so-ah b { display: block; font-size: calc(16 * var(--u)); font-weight: 600; color: var(--ink); }
.dhm-so-ah span { display: block; margin-top: calc(2 * var(--u)); font-size: calc(12 * var(--u)); color: var(--muted); }
.dhm-so-tools { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--u)); margin-top: calc(12 * var(--u)); }
.dhm-so-srch { position: relative; display: flex; align-items: center; width: calc(320 * var(--u)); height: calc(34 * var(--u)); padding: 0 calc(12 * var(--u)); border: 1px solid #d5dae3;
  border-radius: calc(10 * var(--u)); font-size: calc(12.5 * var(--u)); color: #8a93a5; overflow: hidden; }
.dhm-so-srch svg.i { font-size: calc(15 * var(--u)); }
.dhm-so-sph, .dhm-so-styp { position: absolute; left: calc(36 * var(--u)); top: 50%; transform: translateY(-50%); white-space: pre; }
.dhm-so-styp { color: var(--ink); font-weight: 500; }
.dhm-so-styp span { opacity: 0; }
.dhm-so-sfo { position: absolute; inset: -1px; border-radius: inherit; box-shadow: inset 0 0 0 2px var(--blue); opacity: 0; }
.dhm-so-seg { display: flex; flex: 0 0 auto; padding: calc(3 * var(--u)); border-radius: calc(10 * var(--u)); background: #eef1f6; }
.dhm-so-seg span { padding: calc(5 * var(--u)) calc(12 * var(--u)); border-radius: calc(8 * var(--u)); font-size: calc(12 * var(--u)); font-weight: 500; color: var(--muted); white-space: nowrap; }
.dhm-so-seg .is-on { background: #fff; color: var(--ink); box-shadow: 0 1px 3px rgba(29,43,79,.12); }
.dhm-so-th, .dhm-so-rows li { display: grid; grid-template-columns: calc(76 * var(--u)) calc(252 * var(--u)) minmax(0, 1fr) calc(150 * var(--u)); column-gap: calc(12 * var(--u)); align-items: center; }
.dhm-so-th { margin-top: calc(14 * var(--u)); padding: 0 calc(10 * var(--u)) calc(8 * var(--u)); border-bottom: 1px solid var(--line); font-size: calc(12 * var(--u)); font-weight: 500; color: var(--muted); }
.dhm-so-rows { position: absolute; left: calc(22 * var(--u)); right: calc(22 * var(--u)); top: calc(149 * var(--u)); }
.dhm-so-rows li { height: calc(46 * var(--u)); padding: 0 calc(10 * var(--u)); border-bottom: 1px solid var(--line); }
.dhm-so-ad { font-size: calc(11.5 * var(--u)); color: var(--muted); white-space: nowrap; }
.dhm-so-at { display: flex; align-items: center; gap: calc(8 * var(--u)); min-width: 0; }
.dhm-so-at .dhm-mi { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
.dhm-so-at span { min-width: 0; font-size: calc(12 * var(--u)); font-weight: 500; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dhm-so-ae, .dhm-so-aa { position: relative; min-width: 0; }
.dhm-so-ae b, .dhm-so-aa b { display: block; font-size: calc(12 * var(--u)); font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dhm-so-ae small, .dhm-so-aa small { display: block; font-size: calc(11 * var(--u)); color: var(--muted); white-space: nowrap; }
.dhm-so-rows.is-rin .dhm-so-aa small { color: var(--blue); font-weight: 600; }
.dhm-so-aa .dhm-ring2 { inset: calc(-5 * var(--u)) calc(-8 * var(--u)); border-radius: calc(9 * var(--u)); }
.dhm-so-rows.is-rin li { opacity: 0; }
.dhm-so-rows.is-all li:nth-child(5) { display: none; }
.dhm-so-cap { top: calc(392 * var(--u)); }
@container (max-width: 639px) {
  .dhm-so-home { left: calc(14 * var(--u)); top: calc(174 * var(--u)); width: calc(332 * var(--u)); height: calc(214 * var(--u)); padding: calc(10 * var(--u)) calc(14 * var(--u)); }
  .dhm-so-hh { height: calc(30 * var(--u)); }
  .dhm-so-new { width: calc(28 * var(--u)); height: calc(28 * var(--u)); padding: 0; }
  .dhm-so-new > span, .dhm-so-fil > span, .dhm-so-dt, .dhm-so-pg, .dhm-so-home li:nth-child(5) { display: none; }
  .dhm-so-home li { height: calc(38 * var(--u)); gap: calc(10 * var(--u)); }
  .dhm-so-home li:nth-child(4) { border-bottom: 0; }
  .dhm-so-fil { width: auto; }
  .dhm-so-c1 .dhm-av-eur { margin: calc(6 * var(--u)) 0 calc(3 * var(--u)); }
  .dhm-so-c1 .dhm-av-eur b { font-size: calc(22 * var(--u)); }
  .dhm-so-c1 .dhm-av-row { line-height: 1.35; }
  .dhm-so-arc { left: calc(14 * var(--u)); top: calc(12 * var(--u)); width: calc(332 * var(--u)); height: calc(330 * var(--u)); padding: calc(14 * var(--u)); }
  .dhm-so-ah b { font-size: calc(15 * var(--u)); }
  .dhm-so-ah span, .dhm-so-th, .dhm-so-ae { display: none; }
  .dhm-so-tools { gap: calc(8 * var(--u)); margin-top: calc(10 * var(--u)); }
  .dhm-so-srch { flex: 1; width: auto; height: calc(32 * var(--u)); padding: 0 calc(10 * var(--u)); }
  .dhm-so-sph, .dhm-so-styp { left: calc(32 * var(--u)); }
  .dhm-so-sx { display: none; }
  .dhm-so-seg span { padding: calc(4 * var(--u)) calc(8 * var(--u)); font-size: calc(11 * var(--u)); }
  .dhm-so-rows { left: calc(14 * var(--u)); right: calc(14 * var(--u)); top: calc(92 * var(--u)); }
  .dhm-so-rows li { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; row-gap: calc(3 * var(--u)); height: calc(56 * var(--u)); padding: 0 calc(4 * var(--u)); align-content: center; }
  .dhm-so-at { grid-area: 1 / 1; } .dhm-so-ad { grid-area: 1 / 2; }
  .dhm-so-aa { grid-area: 2 / 1 / 3 / 3; display: flex; align-items: baseline; gap: calc(6 * var(--u)); padding-left: calc(30 * var(--u)); }
  .dhm-so-aa b { flex: 0 1 auto; }
  .dhm-so-aa .dhm-ring2 { inset: calc(-3 * var(--u)) calc(-6 * var(--u)) calc(-3 * var(--u)) calc(24 * var(--u)); }
  .dhm-so-cap { top: calc(352 * var(--u)); }
}
@media (prefers-reduced-motion: reduce) { .dhm-bar { display: none; } }
@media (max-width: 991px) { .dhm { margin-top: 40px; } }
@media (max-width: 767px) { .dhm { margin-top: 32px; } }