/* AI Agent screen walkthroughs (tender pack, one day). Generated, do not edit by hand. */
.chip{position: relative; display: flex; flex-direction: column; justify-content: center;
  padding: 6px 9px 5px; border-radius: 11px; min-width: 0;
  background: rgba(255,255,255,.9); border: 1px solid var(--line-2);
  box-shadow: 0 1px 2px rgba(15,39,64,.04);
  transition: opacity .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);}
.chip b{display: block; font-size: 12.5px; font-weight: 600; color: var(--ink); line-height: 1.25; letter-spacing: -.005em;}
.chip span{display: block; margin-top: 2px; font-size: 10.5px; line-height: 1.35; color: var(--ink-2);}
.tools{position: absolute; top: clamp(16px, 2.8vh, 28px); right: clamp(20px, 3.4vw, 44px); z-index: 9; display: flex; gap: 8px;}
.toast{position: absolute; top: calc(clamp(16px, 2.8vh, 28px) + 46px);
  right: clamp(20px, 3.4vw, 44px); z-index: 9;
  padding: 8px 14px; border-radius: 100px; white-space: nowrap;
  border: 1px solid rgba(8,145,178,.35); background: rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  color: var(--ink); font-size: 12.5px; letter-spacing: .02em;
  box-shadow: 0 10px 30px rgba(15,39,64,.14);
  opacity: 0; transform: translateY(-6px); pointer-events: none;
  transition: opacity .3s var(--ease-out), transform .3s var(--ease-out);}
.toast.is-on{opacity: 1; transform: translateY(0);}
.rail{position: absolute; left: 50%; transform: translateX(-50%);
  bottom: clamp(26px, 4.4vh, 40px); z-index: 8;
  width: min(300px, 30vw); height: 2px; border-radius: 2px; background: rgba(15,39,64,.14);
.rail i{display: block; height: 100%; width: 0; border-radius: 2px;
          background: linear-gradient(90deg, var(--accent), var(--cyan-b));
          transition: width .5s var(--ease);}
.deck::before{display: none;}
.chip{padding: 6px 8px;}
.chip b{font-size: 11.5px;}
.chip span{display: none;}
.rail{display: none;}}
.deck .chip b{font-size: 14px;}
.deck .chip{padding: 9px 11px;}
.ag{--g: #10a37f; --g-ink: #0a6e55; --g-soft: #e8f6f1; --t1: #0d0d0d; --t2: #3d3d47; --mu: #6b6b7b; --ln: #e9e9ed; --ln2: #d4d4dc;
  margin-top: clamp(10px, 1.8vh, 20px); max-width: 1260px; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
.ag-win{display: grid; grid-template-columns: 190px minmax(0, 1fr); height: clamp(400px, calc(100svh - 280px), 600px); margin: 0; border-radius: 16px; overflow: hidden;
  background: #fff; box-shadow: 0 40px 90px -40px rgba(15,39,64,.55), 0 0 0 1px rgba(15,39,64,.1);}
.ag-rail{min-height: 0; display: flex; flex-direction: column; gap: 6px; padding: 10px 8px; background: #f7f7f8; border-right: 1px solid var(--ln);}
@media (max-height: 820px){.ag-rail{gap: 4px;}}
.ag-main{min-width: 0; min-height: 0; display: flex; flex-direction: column;}
.ag-top{flex: none; position: relative; display: flex; align-items: center; justify-content: center; height: 46px; padding: 0 12px;}
.ag-model{display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 650; color: var(--t1);}
.ag-model em{font-style: normal; font-size: 10.5px; font-weight: 600; padding: 2px 7px; border-radius: 999px; color: var(--g-ink); background: var(--g-soft);}
.ag-model svg{width: 14px; height: 14px; fill: none; stroke: var(--mu); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;}
.ag-icons{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 2px;}
.ag-icons i{position: relative; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--mu);}
.ag-icons i.is-on{background: #f0f0f3; color: var(--t1);}
.ag-icons svg{width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.ag-me{display: grid; place-items: center; width: 26px; height: 26px; margin-left: 4px; border-radius: 50%; background: var(--g-soft); color: var(--g-ink); font-size: 10.5px; font-weight: 700;}
.ag-split{flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);}
.ag-chat{min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: 0 14px 8px;}
.ag-thread{flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; padding: 8px 2px 10px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 26px); mask-image: linear-gradient(180deg, transparent 0, #000 26px);}
.ag-u, .ag-ai, .ag-made, .ag-ok, .ag-dots, .ag-steps{display: none;}
.ag-u.on{display: flex; flex-direction: column; align-items: flex-end; gap: 6px; animation: agIn .4s var(--ease-out) both;}
.ag-ai.on{display: flex; gap: 8px; align-items: flex-start; animation: agIn .4s var(--ease-out) both;}
.ag-ub{margin: 0; max-width: 86%; padding: 8px 14px; border-radius: 20px 20px 6px 20px; background: #f4f4f4; color: var(--t1); font-size: 13px; line-height: 1.5;}
.ag-att:empty{display: none;}
.ag-att-img{display: block; width: 130px; height: 90px; object-fit: cover; border-radius: 14px;}
.ag-att-imgs{display: flex; align-items: center;}
.ag-att-imgs img, .ag-att-imgs i{width: 44px; height: 44px; border-radius: 10px; border: 2px solid #fff; object-fit: cover; box-shadow: 0 2px 8px rgba(13,13,13,.12);}
.ag-att-imgs i{margin-left: -26px; background: linear-gradient(135deg, #f7d7a8, #9cc8ea);}
.ag-att-imgs i:last-of-type{background: linear-gradient(135deg, #c9e4c5, #f2b8a2);}
.ag-att-imgs b{margin-left: 8px; font-size: 11px; font-weight: 500; color: var(--mu);}
.ag-att-doc{display: flex; align-items: center; gap: 9px; padding: 6px 12px 6px 6px; border-radius: 12px; border: 1px solid var(--ln); background: #fff;}
.ag-doc-ico{display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--g);}
.ag-doc-ico svg{width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linejoin: round;}
.ag-att-doc b{display: block; font-size: 12px; font-weight: 600; color: var(--t1);}
.ag-att-doc small{display: block; font-size: 10.5px; color: var(--mu);}
.ag-ico{flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; border: 1px solid var(--ln);}
.ag-ico img{width: 18px; height: 18px; object-fit: contain;}
.ag-aib{min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 9px 13px 10px; border-radius: 20px 20px 20px 6px; background: #fff; border: 1px solid var(--ln);}
.ag-dots.on{display: flex; gap: 4px; padding: 4px 0;}
.ag-dots i{width: 6px; height: 6px; border-radius: 50%; background: var(--mu); animation: dmDot .9s ease-in-out infinite;}
.ag-dots i:nth-child(2){animation-delay: .15s;}
.ag-dots i:nth-child(3){animation-delay: .3s;}
.ag-steps.on{display: block; border: 1px solid var(--ln); border-radius: 10px; font-size: 12px; animation: agIn .3s var(--ease-out) both;}
.ag-steps summary{list-style: none; display: flex; align-items: center; gap: 7px; padding: 6px 10px; color: var(--t2); font-weight: 500;}
.ag-steps summary::-webkit-details-marker{display: none;}
.ag-steps summary > svg{width: 14px; height: 14px; fill: none; stroke: var(--g); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;}
.ag-spin{display: none; flex: none; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #e3e3e8; border-top-color: var(--g); animation: flSpin .7s linear infinite;}
.ag-steps.is-run .ag-spin{display: block;}
.ag-steps.is-run summary > svg{display: none;}
.ag-steps ul{margin: 0; padding: 2px 10px 7px 31px; border-top: 1px solid var(--ln); list-style: none; display: flex; flex-direction: column; gap: 3px;}
.ag-steps li{position: relative; color: var(--t2);}
.ag-steps li span{color: var(--mu);}
.ag-steps li::before{content: ""; position: absolute; left: -17px; top: 5px; width: 7px; height: 7px; border-radius: 50%; background: var(--g);}
.ag-steps li.run::before{background: transparent; border: 1.5px solid var(--g); width: 5px; height: 5px; animation: dmLive .8s ease-in-out infinite;}
.ag-steps li:not(.run):not(.on){display: none;}
.ag-steps li.run, .ag-steps li.on{animation: agIn .3s var(--ease-out) both;}
.ag-reply{margin: 0; font-size: 13px; line-height: 1.55; color: var(--t1);}
.ag-reply:empty{display: none;}
.ag-reply.is-stream::after{content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 4px; border-radius: 50%; background: var(--t1); vertical-align: 0; animation: dmLive .8s ease-in-out infinite;}
.ag-tile{flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: #fff; font: 700 9px/1 ui-sans-serif, system-ui; letter-spacing: .02em;}
.t-pdf{background: #d93b3b;}
.t-docx{background: #2b5fd9;}
.t-xlsx{background: #1d8a52;}
.t-pptx{background: #d4661f;}
.ag-made.on{display: flex; align-items: center; gap: 9px; padding: 7px; border-radius: 14px; border: 1px solid var(--ln); animation: agIn .4s var(--ease-out) both;}
.ag-mt{flex: 1; min-width: 0;}
.ag-mt b{display: block; font-size: 12px; font-weight: 600; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ag-mt small{display: block; font-size: 10.5px; color: var(--mu);}
.ag-mb{padding: 5px 9px; border-radius: 8px; border: 1px solid var(--ln2); font-size: 11px; font-weight: 600; color: var(--t1);}
.ag-mb.is-dl{color: #fff; background: var(--g); border-color: var(--g);}
.ag-ab{position: relative; display: flex; justify-content: flex-end; gap: 6px;}
.ag-btn{padding: 6px 13px; border-radius: 9px; font-size: 12px; font-weight: 600;}
.ag-btn{color: #fff; background: var(--t1); transition: transform .12s var(--ease-out), box-shadow .3s var(--ease);}
.ag-btn.is-press{transform: scale(.92); box-shadow: 0 0 0 5px rgba(16,163,127,.22);}
.ag-cursor{position: absolute; right: 8px; bottom: -6px; width: 20px; height: 20px; opacity: 0; transform: translate(70px, 60px); pointer-events: none;
  transition: transform .8s cubic-bezier(.22,.9,.3,1), opacity .25s var(--ease); filter: drop-shadow(0 3px 5px rgba(13,13,13,.35));}
.ag-cursor svg{width: 20px; height: 20px; fill: var(--t1); stroke: #fff; stroke-width: 1.5; stroke-linejoin: round;}
.ag-cursor.go{opacity: 1; transform: translate(-14px, -8px);}
.ag-ok.on{display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12px; font-weight: 600; color: var(--g-ink); animation: agIn .35s var(--ease-out) both;}
.ag-ok svg{width: 16px; height: 16px; padding: 2px; border-radius: 50%; background: var(--g-soft); fill: none; stroke: var(--g); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.ag-comp{flex: none; display: flex; align-items: center; gap: 8px; padding: 6px; border-radius: 22px; border: 1px solid var(--ln2); box-shadow: 0 1px 2px rgba(13,13,13,.04), 0 8px 28px rgba(13,13,13,.06); background: #fff;}
.ag-comp b{flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;}
.ag-comp svg{width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;}
.ag-plus{color: var(--t2);}
.ag-send{color: #fff; background: #c9c9d1; transition: background .2s var(--ease), transform .12s var(--ease-out);}
.ag-comp.is-ready .ag-send{background: var(--t1);}
.ag-comp.is-send .ag-send{transform: scale(.86);}
.ag-ctext{flex: 1; min-width: 0; font-size: 12.5px; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ag-ctext:empty{display: none;}
.ag-ctext.is-typing::after{content: ""; display: inline-block; width: 1.5px; height: 1em; margin-left: 1px; vertical-align: -2px; background: var(--t1); animation: flCaret .8s steps(1) infinite;}
.ag-ph{flex: 1; min-width: 0; font-size: 12.5px; color: #9a9aa6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ag-ctext:not(:empty) + .ag-ph{display: none;}
.ag-disc{margin: 5px 0 0; text-align: center; font-size: 10px; color: var(--mu);}
.ag-panel{position: relative; min-width: 0; min-height: 0; overflow: hidden; border-left: 1px solid var(--ln); background: #fafafb;}
.ag-layer{position: absolute; inset: 0; display: flex; flex-direction: column; gap: 10px; padding: 10px 12px 12px; opacity: 0; visibility: hidden; transform: translateX(16px);
  transition: opacity .4s var(--ease-out), transform .4s var(--ease-out), visibility 0s linear .4s;}
.ag-layer.is-cur{opacity: 1; visibility: visible; transform: none; transition: opacity .4s var(--ease-out), transform .4s var(--ease-out), visibility 0s;}
.ag-x{display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--mu);}
.ag-x svg{width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;}
.sg{flex: 1 1 auto; min-height: 0; position: relative; display: grid; gap: 10px; transition: opacity .5s var(--ease), filter .5s var(--ease);}
.ag-layer:not(.go) .sg{opacity: .14; filter: blur(4px) saturate(.3);}
.sg-card{min-width: 0; min-height: 0; padding: 11px 13px; border-radius: 14px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 8px 20px rgba(13,13,13,.05);}
.sg-h{display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin: 0 0 8px;}
.sg-h b{font-size: 13px; font-weight: 600; color: var(--t1);}
.sg-h small{font: 500 10px/1.2 var(--mono); color: var(--mu);}
.sg-aging .sg{grid-template-rows: minmax(0, 1fr) auto;}
.sa-chart{display: flex; flex-direction: column;}
.sa-bars{flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; align-items: end;}
.sa-bar{height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px;}
.sa-bar i{width: 100%; height: calc(var(--v) * 72%); min-height: 6px; border-radius: 6px 6px 3px 3px; background: linear-gradient(180deg, #7cc4a6, #0f8a5f); transform-origin: 50% 100%;}
.sa-bar.is-warn i{background: linear-gradient(180deg, #fbbf6a, #d97706);}
.sa-bar.is-bad i{background: linear-gradient(180deg, #fb8a74, #dc2626); box-shadow: 0 0 0 0 rgba(220,38,38,.35);}
.sa-bar b{font: 600 11px/1 var(--mono); color: var(--t1);}
.sa-bar span{font: 500 10px/1 var(--mono); color: var(--mu);}
.sa-sum{margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--ln); display: flex; justify-content: space-between; font-size: 11.5px; color: var(--mu);}
.sa-sum b{font-size: 15px; color: #dc2626;}
.sa-mails{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 7px;}
.sa-mails li{position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 8px 18px rgba(15,39,64,.07);}
.sa-mails svg{width: 20px; height: 20px; fill: none; stroke: var(--c); stroke-width: 1.8; stroke-linejoin: round;}
.sa-mails b{display: block; font-size: 12.5px; color: var(--t1);}
.sa-mails small{display: block; font: 500 10px/1.3 var(--mono); color: var(--mu);}
.sa-mails strong{font: 600 12px/1 var(--mono); color: var(--t1);}
.sa-mails em{position: absolute; right: 8px; top: -8px; padding: 2px 7px; border-radius: 999px; font: 700 9px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; font-style: normal; color: #fff; background: #0f8a5f;}
.ag-win:not(.is-done) .sa-mails em{opacity: 0; transform: scale(.6);}
.sa-mails em{transition: opacity .3s var(--ease), transform .4s cubic-bezier(.3,1.6,.5,1);}
.ag-layer.go .sa-bar i{animation: saGrow .9s var(--ease-out) both; animation-delay: calc(.15s + var(--i) * .14s);}
.ag-layer.go .sa-bar b{animation: agFade .4s var(--ease) both; animation-delay: calc(.8s + var(--i) * .14s);}
.ag-layer.go .sa-bar.is-bad i{animation: saGrow .9s var(--ease-out) calc(.15s + var(--i) * .14s) both, saPulse 1.6s var(--ease) 1.4s 3;}
.ag-layer.go .sa-sum{animation: agFade .5s var(--ease) 1.2s both;}
.ag-layer.go .sa-mails li{animation: saMail .6s var(--ease-out) both; animation-delay: calc(1.4s + var(--i) * .25s);}
.sg-photo .sg{grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);}
.sp-col{min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 8px;}
.sp-photo{position: relative; flex: none; border-radius: 14px; overflow: hidden; box-shadow: 0 12px 26px rgba(15,39,64,.18);}
.sp-frame{position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden;}
.sp-photo img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.sp-scan{position: absolute; left: 0; right: 0; top: 0; height: 30%; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--c) 35%, transparent) 90%, #fff 100%); opacity: 0; mix-blend-mode: screen;}
.sp-box{position: absolute; border: 2px solid #ffb020; border-radius: 6px; background: rgba(255,176,32,.08); box-shadow: 0 0 0 1px rgba(0,0,0,.25); font-style: normal;}
.sp-box > b{position: absolute; left: 3px; top: 3px; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 5px; background: #ffb020; color: #1a1300; font: 700 10px/1 var(--mono);}
.sp-box{background: rgba(255,176,32,.08);}
.sp-diary{display: flex; flex-direction: column; gap: 8px; align-self: start;}
.sp-rows, .sp-find{margin: 0; padding: 0; list-style: none;}
.sp-rows li{display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px dashed var(--ln); font-size: 12px; color: var(--mu);}
.sp-rows b{font: 600 12px/1.2 var(--mono); color: var(--t1);}
.sp-find{display: flex; flex-direction: column; gap: 6px;}
.sp-find li{display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 10px; background: #fff7ea; border: 1px solid #fde1b0; font-size: 11.5px; font-weight: 600; color: #7a4a00;}
.sp-find i{flex: none; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: #ffb020; color: #1a1300; font: 700 10px/1 var(--mono); font-style: normal;}
.ag-layer.go .sp-scan{animation: spScan 1.3s var(--ease) .2s both;}
.ag-layer.go .sp-box{animation: spBox .5s cubic-bezier(.3,1.5,.5,1) both;}
.ag-layer.go .sp-box:nth-of-type(1){animation-delay: .9s;}
.ag-layer.go .sp-box:nth-of-type(2){animation-delay: 1.2s;}
.ag-layer.go .sp-rows li{animation: agRise .4s var(--ease-out) both;}
.ag-layer.go .sp-rows li{animation-delay: calc(1.4s + var(--i) * .12s);}
.ag-layer.go .sp-find li{animation: agRise .45s var(--ease-out) both;}
.ag-layer.go .sp-find li:nth-child(1){animation-delay: 1.95s;}
.ag-layer.go .sp-find li:nth-child(2){animation-delay: 2.15s;}
.sg-cvs .sg{grid-template-columns: 96px minmax(0, 1fr);}
.hr-fun{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;}
.hr-deck{position: relative; width: 70px; height: 90px;}
.hr-deck i{position: absolute; inset: 0; border-radius: 6px; background: #fff; border: 1px solid var(--line); box-shadow: 0 4px 10px rgba(15,39,64,.08);
  background-image: linear-gradient(var(--c), var(--c)), linear-gradient(#e3eaf2, #e3eaf2), linear-gradient(#e3eaf2, #e3eaf2), linear-gradient(#e3eaf2, #e3eaf2);
  background-size: 40% 4px, 76% 3px, 60% 3px, 70% 3px; background-position: 8px 10px, 8px 22px, 8px 30px, 8px 38px; background-repeat: no-repeat; transform: rotate(calc((var(--k, 0) - 2.5) * 5deg));}
.hr-deck i:nth-child(1){--k: 0;}
.hr-deck i:nth-child(2){--k: 1;}
.hr-deck i:nth-child(3){--k: 2;}
.hr-deck i:nth-child(4){--k: 3;}
.hr-deck i:nth-child(5){--k: 4;}
.hr-deck i:nth-child(6){--k: 5;}
.hr-fun p{margin: 0; text-align: center;}
.hr-n{display: block; font-size: 40px; font-weight: 600; letter-spacing: -.04em; line-height: 1; color: var(--c);}
.hr-fun span{font: 500 10.5px/1.2 var(--mono); color: var(--mu);}
.hr-list{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 6px; min-height: 0;}
.hr-list li{display: grid; grid-template-columns: 30px minmax(0, 1fr) 34px auto; align-items: center; gap: 9px; padding: 6px 10px 6px 6px; border-radius: 12px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 6px 14px rgba(15,39,64,.05);}
.hr-av{display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font: 700 10.5px/1 var(--mono); color: var(--c); background: color-mix(in srgb, var(--c) 12%, #fff);}
.hr-nm b{display: block; font-size: 12.5px; color: var(--t1);}
.hr-nm small{display: block; font: 500 10px/1.3 var(--mono); color: var(--mu);}
.hr-ring{--ring: var(--m); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
  background: radial-gradient(closest-side, #fff 76%, transparent 78%), conic-gradient(var(--c) calc(var(--ring) * 1%), #e8eef5 0);}
.hr-ring b{font: 700 10px/1 var(--mono); color: var(--t1);}
.hr-list em{font-style: normal; font: 600 10.5px/1 var(--mono); padding: 5px 8px; border-radius: 8px; color: var(--c); background: color-mix(in srgb, var(--c) 10%, #fff); white-space: nowrap;}
.ag-layer.go .hr-deck i{animation: hrRiffle .5s var(--ease-in, ease-in) both; animation-delay: calc(.1s + var(--k) * .12s); animation-iteration-count: 2; animation-direction: alternate;}
.ag-layer.go .hr-list li{animation: agRise .45s var(--ease-out) both; animation-delay: calc(1s + var(--i) * .16s);}
.ag-layer.go .hr-ring{animation: hrRing 1s var(--ease-out) both; animation-delay: calc(1.2s + var(--i) * .16s);}
.ag-layer.go .hr-list em{animation: hrSlot .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(2.1s + var(--i) * .12s);}
.sg-social .sg{grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr);}
.mk-post{min-height: 0; display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid var(--ln); box-shadow: 0 12px 26px rgba(15,39,64,.1);}
.mk-post header{display: flex; align-items: center; gap: 8px; padding: 8px 10px;}
.mk-av{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--t1); color: #fff; font: 700 11px/1 var(--mono);}
.mk-post header b{display: block; font-size: 12px; color: var(--t1);}
.mk-post header small{display: block; font: 500 9.5px/1.2 var(--mono); color: var(--mu);}
.mk-img{position: relative; flex: 1 1 auto; min-height: 60px;}
.mk-img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.mk-caps{position: relative; display: grid; padding: 8px 10px 10px;}
.mk-caps p{grid-area: 1 / 1; margin: 0; font-size: 11.5px; line-height: 1.4; color: var(--t1); opacity: 0;}
.mk-caps .mk-en{opacity: 1;}
.mk-side{display: flex; flex-direction: column; justify-content: center; gap: 10px;}
.mk-tabs{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; padding: 3px; border-radius: 10px; background: #eef3f8;}
.mk-tabs span{padding: 6px 0; border-radius: 8px; text-align: center; font: 600 11px/1 var(--mono); color: var(--mu);}
.mk-tabs .mk-en{background: #fff; color: var(--c); box-shadow: 0 2px 6px rgba(15,39,64,.1);}
.mk-ch{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px;}
.mk-ch li{display: flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 10px; background: #fff; border: 1px solid var(--ln); font-size: 12px; font-weight: 600; color: var(--t2);}
.mk-ch svg{width: 16px; height: 16px; padding: 2px; border-radius: 50%; background: color-mix(in srgb, var(--c) 14%, #fff); fill: none; stroke: var(--c); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.mk-best{margin: 0; padding: 9px 11px; border-radius: 12px; background: var(--c); color: #fff;}
.mk-best small{display: block; font: 600 9.5px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; opacity: .8;}
.mk-best b{display: block; margin-top: 4px; font-size: 16px;}
.ag-layer.go .mk-img img{animation: mkZoom 3.4s var(--ease-out) both;}
.ag-layer.go .mk-caps .mk-en{animation: mkEn 4.2s linear .3s both;}
.ag-layer.go .mk-caps .mk-bm{animation: mkBm 4.2s linear .3s both;}
.ag-layer.go .mk-caps .mk-zh{animation: mkZh 4.2s linear .3s both;}
.ag-layer.go .mk-tabs .mk-en{animation: mkTabEn 4.2s linear .3s both;}
.ag-layer.go .mk-tabs .mk-bm{animation: mkTabBm 4.2s linear .3s both;}
.ag-layer.go .mk-tabs .mk-zh{animation: mkTabZh 4.2s linear .3s both;}
.ag-layer.go .mk-ch li{animation: agRise .4s var(--ease-out) both; animation-delay: calc(1.2s + var(--i) * .2s);}
.ag-layer.go .mk-best{animation: hrSlot .45s cubic-bezier(.3,1.5,.5,1) 2.1s both;}
.qs-card{display: flex; flex-direction: column; gap: 8px;}
.qs-grid{position: relative; flex: 1; display: grid; grid-template-columns: 1.3fr repeat(4, 1fr) 1fr; grid-template-rows: auto repeat(5, 1fr); gap: 4px;}
.qs-hd{align-self: end; padding-bottom: 3px; font: 600 9.5px/1.1 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--mu); text-align: center;}
.qs-hd:first-child{text-align: left;}
.qs-b{display: flex; align-items: center; font-size: 12px; font-weight: 600; color: var(--t2);}
.qs-c{display: grid; place-items: center; border-radius: 7px; font: 600 12px/1 var(--mono); color: color-mix(in srgb, var(--t1) 80%, var(--c));
  background: color-mix(in srgb, var(--c) calc(8% + var(--s) * 52%), #fff);}
.qs-t{display: grid; place-items: center; border-radius: 7px; font: 700 14px/1 var(--mono); color: var(--t1); background: #f1f5f9;}
.qs-t.is-win{color: #fff; background: #0f8a5f;}
.qs-b.is-win{color: #0f8a5f;}
.qs-ring{position: absolute; left: -4px; right: -4px; top: calc((100% - 18px) / 5 * 2 + 18px); height: calc((100% - 18px) / 5 - 2px); border-radius: 10px; border: 2px solid #0f8a5f; box-shadow: 0 0 0 4px rgba(15,138,95,.12); pointer-events: none;}
.qs-rec{display: flex; align-items: center; gap: 7px; margin: 0; font-size: 12.5px; color: var(--t2);}
.qs-rec b{color: #0f8a5f;}
.qs-rec svg{width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: rgba(15,138,95,.12); fill: none; stroke: #0f8a5f; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;}
.ag-layer.go :is(.qs-c, .qs-t, .qs-b){animation: qsCell .4s var(--ease-out) both; animation-delay: calc(.2s + var(--i) * .1s);}
.ag-layer.go .qs-ring{animation: qsRing .6s cubic-bezier(.3,1.4,.5,1) 1.5s both;}
.ag-layer.go .qs-rec{animation: agRise .45s var(--ease-out) 1.9s both;}
.bp2{display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 8px; min-height: 0;}
.bp2-plan{width: 100%; height: 100%; min-height: 0;}
.bp2-bg{fill: #0b2a47;}
.bp2-grid path{stroke: rgba(122,190,255,.14); stroke-width: .6; stroke-dasharray: 3 3; fill: none;}
.bp2-str path{stroke: #9fd3ff; stroke-width: 1.6; fill: none;}
.bp2-str .bp2-open{stroke: #ffd166; stroke-dasharray: 4 3;}
.bp2-col rect{fill: #9fd3ff;}
.bp2-scan{fill: url(#none); fill: rgba(53,197,255,.25); opacity: 0;}
.bp2-mk circle{fill: rgba(239,68,68,.25); stroke: #ef4444; stroke-width: 2;}
.bp2-mk text{font: 700 11px var(--mono); fill: #fff; text-anchor: middle;}
.bp2-mk{transform-box: fill-box; transform-origin: center;}
.bp2-list{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px;}
.bp2-list li{display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 11px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 6px 14px rgba(15,39,64,.05);}
.bp2-list i{display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #ef4444; color: #fff; font: 700 10px/1 var(--mono); font-style: normal;}
.bp2-list span{display: flex; align-items: baseline; gap: 8px; min-width: 0;}
.bp2-list b{flex: none; font: 600 11px/1.2 var(--mono); color: var(--c);}
.bp2-list small{font-size: 11.5px; line-height: 1.3; color: var(--t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bp2-list em{font-style: normal; font: 700 9.5px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; padding: 4px 6px; border-radius: 6px;}
.bp2-list .is-high{color: #b91c1c; background: #fee2e2;}
.bp2-list .is-med{color: #b45309; background: #fef3c7;}
.bp2-list .is-low{color: #475569; background: #eef2f6;}
.ag-layer.go .bp2-str path{stroke-dasharray: 900; animation: bpDraw 1.4s var(--ease) both;}
.ag-layer.go .bp2-str .bp2-open{animation: agFade .4s var(--ease) 1.1s both; stroke-dasharray: 4 3;}
.ag-layer.go .bp2-col rect{animation: agFade .3s var(--ease) 1s both;}
.ag-layer.go .bp2-scan{animation: bpScan 1.2s var(--ease) 1.2s both;}
.ag-layer.go .bp2-mk{animation: bpPing .5s cubic-bezier(.3,1.6,.5,1) both;}
.ag-layer.go .bp2-mk:nth-of-type(1){animation-delay: 1.8s;}
.ag-layer.go .bp2-mk:nth-of-type(2){animation-delay: 2s;}
.ag-layer.go .bp2-mk:nth-of-type(3){animation-delay: 2.2s;}
.ag-layer.go .bp2-list li{animation: agRise .4s var(--ease-out) both; animation-delay: calc(1.9s + var(--i) * .2s);}
.sg-race .sg{grid-template-rows: minmax(0, 1fr) auto;}
.pr-card{display: flex; flex-direction: column;}
.pr-rows{flex: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: space-around; gap: 6px;}
.pr-rows li{display: grid; grid-template-columns: 78px minmax(0, 1fr) 62px; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; color: var(--t2);}
.pr-rows i{position: relative; height: 26px; border-radius: 7px; background: #eef3f8; overflow: hidden;}
.pr-rows i::before{content: ""; position: absolute; inset: 0 auto 0 0; width: calc(30% + var(--v) * 70%); border-radius: 7px; background: linear-gradient(90deg, color-mix(in srgb, var(--c) 40%, #fff), var(--c)); transform-origin: 0 50%;}
.pr-rows b{position: absolute; left: 9px; top: 50%; transform: translateY(-50%); font: 600 11.5px/1 var(--mono); color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.25);}
.pr-rows em{font-style: normal; font: 600 10.5px/1 var(--mono); text-align: center; padding: 5px 0; border-radius: 7px; color: #0f8a5f; background: rgba(15,138,95,.1);}
.pr-rows li.is-late em{color: #b91c1c; background: #fee2e2;}
.pr-rows li.is-late i::before{background: linear-gradient(90deg, #f3c4c4, #dc8a8a);}
.pr-rows li.is-late span{text-decoration: line-through; text-decoration-color: #dc2626; color: var(--mu);}
.pr-rows li.is-win{color: var(--t1);}
.pr-rows li.is-win i{box-shadow: 0 0 0 2px #0f8a5f;}
.pr-po{position: relative; overflow: visible; display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: baseline; gap: 4px 12px; padding: 10px 14px; border-left: 4px solid var(--c);}
.pr-po small{font: 600 10.5px/1 var(--mono); color: var(--mu);}
.pr-po b{font-size: 18px; letter-spacing: -.02em; color: var(--t1);}
.pr-po > span:last-child{font-size: 11px; color: var(--mu);}
.pr-stamp{position: absolute; right: 12px; top: -10px; background: #fff; padding: 4px 8px; border: 1.5px solid #0f8a5f; border-radius: 6px; font: 700 9.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #0f8a5f; transform: rotate(-6deg); transition: opacity .25s var(--ease), transform .4s cubic-bezier(.3,1.6,.5,1);}
.ag-win:not(.is-done) .pr-stamp{opacity: 0; transform: rotate(-6deg) scale(1.7);}
.ag-layer.go .pr-rows i::before{animation: prRace 1.1s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(.2s + var(--i) * .12s);}
.ag-layer.go .pr-rows em{animation: hrSlot .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(1.3s + var(--i) * .12s);}
.ag-layer.go .pr-rows li.is-late span{animation: prStrike .01s linear 1.9s both;}
.ag-layer.go .pr-rows li.is-win i{animation: prWin .5s var(--ease) 2.1s both;}
.ag-layer.go .pr-po{animation: saMail .55s var(--ease-out) 2.3s both;}
.sg-scurve .sg{grid-template-rows: auto minmax(0, 1fr);}
.mg-kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.mg-kpis p{margin: 0; padding: 9px 11px; border-radius: 12px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 6px 14px rgba(15,39,64,.05);}
.mg-kpis small{display: block; font: 600 9.5px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mu);}
.mg-kpis b{display: block; margin: 5px 0 2px; font-size: clamp(17px, 1.6vw, 22px); letter-spacing: -.03em; color: var(--t1);}
.mg-kpis span{font: 600 10.5px/1 var(--mono);}
.mg-kpis .is-warn span{color: #b45309;}
.mg-kpis .is-good span{color: #0f8a5f;}
.mg-chart{position: relative; display: flex; flex-direction: column; gap: 6px;}
.mg-chart svg{flex: 1; min-height: 0; width: 100%; overflow: visible;}
.mg-gl{stroke: #edf2f7; stroke-width: 1; fill: none; vector-effect: non-scaling-stroke;}
.mg-plan{fill: none; stroke: #9fb3c8; stroke-width: 2; stroke-dasharray: .015 .012; vector-effect: non-scaling-stroke;}
.mg-act{fill: none; stroke: var(--accent); stroke-width: 3; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1 1;}
.mg-dot{fill: var(--accent); stroke: #fff; stroke-width: 2; vector-effect: non-scaling-stroke;}
.mg-leg{display: flex; align-items: center; gap: 14px; margin: 0; font: 500 10.5px/1 var(--mono); color: var(--mu);}
.mg-leg span::before{content: ""; display: inline-block; width: 14px; height: 2px; margin-right: 6px; vertical-align: 3px; background: #9fb3c8;}
.mg-leg .mg-la::before{height: 3px; background: var(--accent);}
.mg-leg b{margin-left: auto; font-weight: 600; color: #b45309;}
.ag-layer.go .mg-kpis p{animation: agRise .45s var(--ease-out) both; animation-delay: calc(.2s + var(--i) * .15s);}
.ag-layer.go .mg-plan{animation: agFade .8s var(--ease) .4s both;}
.ag-layer.go .mg-act{animation: mgDraw 1.6s var(--ease) .7s both;}
.ag-layer.go .mg-dot{animation: agFade .3s var(--ease) 2.2s both, mgPulse 1.4s var(--ease) 2.5s 3;}
.ag-layer.go .mg-leg{animation: agFade .5s var(--ease) 2.3s both;}
.sg-research .sg{grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);}
.rs-orb{display: flex; flex-direction: column;}
.rs-ring{--R: 82px; position: relative; flex: none; width: calc(var(--R) * 2 + 18px); aspect-ratio: 1; margin: auto; border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 27px, color-mix(in srgb, var(--c) 14%, transparent) 27px 28px), color-mix(in srgb, var(--c) 4%, #fff);}
.rs-sweep{position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, color-mix(in srgb, var(--c) 30%, transparent), transparent 70deg); opacity: 0;}
.rs-src{position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 3px #fff;
  transform: rotate(var(--a)) translateY(calc(var(--r) * var(--R) * -1));}
.rs-core{position: absolute; left: 50%; top: 50%; display: grid; place-items: center; align-content: center; width: 54px; height: 54px; margin: -27px 0 0 -27px; border-radius: 50%; background: var(--c); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--c) 40%, transparent);}
.rs-core b{font-size: 19px; line-height: 1; letter-spacing: -.03em;}
.rs-core small{font: 600 8.5px/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; opacity: .85;}
.rs-leads{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 6px; min-height: 0;}
.rs-leads li{display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 6px 14px rgba(15,39,64,.05);}
.rs-nm{flex: 1; min-width: 0;}
.rs-nm b{display: block; font-size: 12px; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rs-nm sup{display: inline-grid; place-items: center; min-width: 14px; height: 14px; margin-left: 4px; border-radius: 4px; background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--c); font: 700 8.5px/1 var(--mono); vertical-align: 2px;}
.rs-nm small{display: block; font: 500 10px/1.3 var(--mono); color: var(--mu);}
.rs-leads em{flex: none; font-style: normal; font: 600 10px/1 var(--mono); padding: 5px 8px; border-radius: 8px; color: #0f8a5f; background: rgba(15,138,95,.1);}
.rs-leads li.is-no{opacity: .62;}
.rs-leads li.is-no em{color: var(--mu); background: #f0f0f3;}
.ag-layer.go .rs-sweep{animation: rsSweep 1.4s linear .1s 3 both;}
.ag-layer.go .rs-src{animation: rsPing .5s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.2s + var(--i) * .11s);}
.ag-layer.go .rs-core{animation: rsCore .6s cubic-bezier(.3,1.5,.5,1) .1s both;}
.ag-layer.go .rs-leads li{animation: saMail .55s var(--ease-out) both; animation-delay: calc(2.3s + var(--i) * .22s);}
.ag-layer.go .rs-leads em{animation: hrSlot .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(2.7s + var(--i) * .22s);}
.sg-approve .sg{grid-template-rows: auto minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);}
.ap-flow{display: flex; align-items: center; gap: 6px; padding: 12px 10px; border-radius: 14px; background: #fff; border: 1px solid var(--ln);}
.ap-node{flex: none; display: flex; flex-direction: column; align-items: center; gap: 3px; width: 76px; margin: 0; text-align: center;}
.ap-av{display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; font: 700 12px/1 var(--mono); color: var(--c); background: color-mix(in srgb, var(--c) 12%, #fff); border: 2px solid color-mix(in srgb, var(--c) 30%, #fff);}
.ap-av svg{width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.ap-node b{font-size: 12px; color: var(--t1);}
.ap-node small{font: 500 10px/1.2 var(--mono); color: var(--mu);}
.ap-node.is-end .ap-av{color: #fff; background: #0f8a5f; border-color: #0f8a5f; box-shadow: 0 0 0 5px rgba(15,138,95,.14); transition: all .5s var(--ease);}
.ag-layer:not(.is-ok) .ap-node.is-end{opacity: .4;}
.ag-layer:not(.is-ok) .ap-node.is-end .ap-av{color: var(--mu); background: #f0f0f3; border-color: var(--ln2); box-shadow: none;}
.ap-link{position: relative; flex: 1; height: 2px; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--ln2) 0 5px, transparent 5px 9px);}
.ap-link em{position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 20%, transparent); opacity: 0;}
.ap-card{position: relative; display: flex; flex-direction: column; justify-content: center;}
.ap-rows{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px;}
.ap-rows li{display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--ln); font-size: 12px;}
.ap-rows li:last-child{border-bottom: 0;}
.ap-rows small{font: 500 10.5px/1.4 var(--mono); color: var(--mu);}
.ap-rows b{color: var(--t1); text-align: right;}
.ap-stamp{position: absolute; right: 12px; top: -11px; display: grid;}
.ap-stamp span{grid-area: 1 / 1; padding: 4px 9px; border-radius: 6px; background: #fff; font: 700 9.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; transition: opacity .3s var(--ease), transform .45s cubic-bezier(.3,1.6,.5,1);}
.ap-wait{color: #b45309; border: 1.5px solid #f5c26b; opacity: 0;}
.ap-yes{color: #0f8a5f; border: 1.5px solid #0f8a5f; transform: rotate(-4deg);}
.ag-layer:not(.is-ok) .ap-wait{opacity: 1;}
.ag-layer:not(.is-ok) .ap-yes{opacity: 0; transform: rotate(-8deg) scale(1.7);}
.ag-layer.go .ap-node{animation: agRise .45s var(--ease-out) both; animation-delay: calc(.15s + var(--i) * .2s);}
.ag-layer.go .ap-link:nth-of-type(1) em, .ag-layer.go .ap-link:first-of-type em{animation: apRun 1.2s var(--ease) .8s 2 both;}
.ag-layer.is-ok .ap-link em{animation: apRun .9s var(--ease) both;}
.ag-layer.go .ap-rows li{animation: agRise .4s var(--ease-out) both; animation-delay: calc(.9s + var(--i) * .14s);}
.ap-days{margin: 12px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(7, 1fr) auto; gap: 4px;}
.ap-days li{display: flex; flex-direction: column; align-items: center; gap: 4px;}
.ap-days i{width: 100%; height: 8px; border-radius: 4px; background: #0f8a5f;}
.ap-days small{font: 500 9.5px/1 var(--mono); color: var(--mu);}
.ap-days .ap-off i{width: 26px; background: #f0f0f3;}
.ag-layer:not(.is-ok) .ap-days li:not(.ap-off) i{background: #eef1f4;}
.ag-layer.is-ok .ap-days i{animation: apDay .35s var(--ease-out) both; animation-delay: calc(.3s + var(--i, 7) * .1s);}
.sg-browser .sg{grid-template-rows: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr);}
.br-win{min-height: 0; display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid var(--ln2); box-shadow: 0 12px 26px rgba(15,39,64,.1);}
.br-bar{flex: none; display: flex; align-items: center; gap: 10px; padding: 7px 10px; background: #f1f3f6; border-bottom: 1px solid var(--ln);}
.br-dots{display: flex; gap: 5px;}
.br-dots i{width: 8px; height: 8px; border-radius: 50%; background: #d4d4dc;}
.br-url{flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: #fff; font: 500 11px/1 var(--mono); color: var(--t2);}
.br-url svg{flex: none; width: 11px; height: 11px; fill: none; stroke: var(--mu); stroke-width: 2.2;}
.br-typed{display: inline-block; max-width: 32ch; overflow: hidden; white-space: nowrap; vertical-align: bottom;}
.br-page{position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 10px; padding: 12px 14px;}
.br-h{margin: 0; font-size: 14px; font-weight: 650; color: #1f3a68;}
.br-form{display: flex; gap: 8px;}
.br-in, .br-go, .br-res{position: relative;}
.br-in{flex: 1; min-width: 0; padding: 8px 10px; border-radius: 8px; border: 1.5px solid var(--ln2); font-size: 12px; color: var(--t1);}
.br-q{display: inline-block; max-width: 20ch; overflow: hidden; white-space: nowrap; vertical-align: bottom;}
.br-go{padding: 8px 14px; border-radius: 8px; background: #1f3a68; color: #fff; font-size: 12px; font-weight: 600;}
.br-n{position: absolute; left: -7px; top: -8px; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 5px; background: #ffb020; color: #1a1300; font: 700 9px/1 var(--mono); font-style: normal; box-shadow: 0 0 0 2px #fff;}
.br-res{display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: #f3fbf7; border: 1.5px solid #0f8a5f; box-shadow: 0 0 0 4px rgba(15,138,95,.1); font-size: 12px;}
.br-res b{flex: 1; min-width: 0; color: var(--t1);}
.br-g{padding: 3px 7px; border-radius: 6px; background: #1f3a68; color: #fff; font: 700 10.5px/1 var(--mono);}
.br-ok{padding: 3px 7px; border-radius: 6px; background: rgba(15,138,95,.12); color: #0f8a5f; font: 700 10.5px/1 var(--mono);}
.br-res small{font: 500 10px/1 var(--mono); color: var(--mu);}
.br-cur{position: absolute; left: 92%; top: 100%; width: 20px; height: 20px; opacity: 0; pointer-events: none;}
.br-cur svg{width: 20px; height: 20px; fill: var(--t1); stroke: #fff; stroke-width: 1.5; stroke-linejoin: round;}
.br-ctl{flex: none; display: flex; align-items: center; gap: 7px; margin: 0; padding: 7px 10px; background: #effaf5; border-top: 1px solid #bfe6d6; font-size: 11px; font-weight: 600; color: var(--g-ink);}
.br-ctl b{margin-left: auto; padding: 4px 10px; border-radius: 7px; background: #fff; border: 1px solid #f1c9c7; color: #c9302c; font-size: 10.5px;}
.br-live{width: 8px; height: 8px; border-radius: 50%; background: #10a37f; box-shadow: 0 0 0 3px rgba(16,163,127,.2);}
.br-safe{margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;}
.br-safe li{display: flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 4px; border-radius: 10px; background: #fff; border: 1px solid var(--ln); font-size: 10.5px; font-weight: 600; color: var(--t2); white-space: nowrap;}
.br-safe svg{flex: none; width: 14px; height: 14px; padding: 2px; border-radius: 50%; background: var(--g-soft); fill: none; stroke: var(--g); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.ag-layer.go .br-typed{animation: brType 1s steps(29) .15s both;}
.ag-layer.go .br-h, .ag-layer.go .br-form{animation: agFade .35s var(--ease) 1.1s both;}
.ag-layer.go .br-n{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: 1.45s;}
.ag-layer.go .br-res .br-n{animation-delay: 3.4s;}
.ag-layer.go .br-q{animation: brType .8s steps(16) 2s both;}
.ag-layer.go .br-cur{animation: brCur 2.4s cubic-bezier(.4,0,.2,1) 1.3s both;}
.ag-layer.go .br-go{animation: brPress .25s var(--ease) 2.95s both;}
.ag-layer.go .br-res{animation: saMail .55s var(--ease-out) 3.2s both;}
.ag-layer.go .br-live{animation: dmLive 1s ease-in-out 4;}
.ag-layer.go .br-safe li{animation: agRise .4s var(--ease-out) both; animation-delay: calc(3.7s + var(--i) * .15s);}
.sg-invoice .sg{grid-template-rows: auto minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);}
.iv-chain{margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 4px;}
.iv-chain li{flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 7px 6px; border-radius: 10px; background: #fff; border: 1px solid var(--ln); font: 600 10.5px/1 var(--mono); color: var(--t2); white-space: nowrap;}
.iv-chain li{overflow: hidden; text-overflow: ellipsis;}
.iv-chain svg{flex: none; width: 14px; height: 14px; padding: 2px; border-radius: 50%; background: color-mix(in srgb, var(--c) 14%, #fff); fill: none; stroke: var(--c); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.iv-doc{position: relative; display: flex; flex-direction: column; gap: 8px; border-top: 4px solid var(--c);}
.iv-h{display: flex; justify-content: space-between; align-items: baseline; margin: 0;}
.iv-h b{font-size: 15px; letter-spacing: .1em; text-transform: uppercase; color: var(--t1);}
.iv-h small{font: 500 10px/1.2 var(--mono); color: var(--mu);}
.iv-lines{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column;}
.iv-lines li{display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed var(--ln); font-size: 12px; color: var(--t2);}
.iv-lines b{font: 600 12px/1.2 var(--mono); color: var(--t1);}
.iv-lines li.is-neg b{color: #b45309;}
.iv-lines li.is-sub{font-weight: 600; color: var(--t1);}
.iv-total{display: flex; justify-content: space-between; align-items: baseline; margin: 2px 0 0; padding: 9px 12px; border-radius: 11px; background: color-mix(in srgb, var(--c) 9%, #fff);}
.iv-total span{font-size: 12px; font-weight: 600; color: var(--t2);}
.iv-total b{font-size: clamp(16px, 1.5vw, 20px); letter-spacing: -.02em; color: var(--c);}
.iv-calc{align-self: flex-end; display: inline-flex; align-items: center; gap: 5px; font: 600 10px/1 var(--mono); color: var(--g-ink);}
.iv-calc svg{width: 14px; height: 14px; padding: 2px; border-radius: 50%; background: var(--g-soft); fill: none; stroke: var(--g); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.ag-layer.go .iv-chain li{animation: ivLit .5s var(--ease-out) both; animation-delay: calc(.2s + var(--i) * .9s);}
.ag-layer.go .iv-doc{animation: ivDoc .6s var(--ease-out) .3s both;}
.ag-layer.go .iv-lines li{animation: agRise .4s var(--ease-out) both; animation-delay: calc(.8s + var(--i) * .25s);}
.ag-layer.go .iv-total{animation: ivTotal .7s var(--ease-out) 2s both;}
.ag-layer.go .iv-calc{animation: hrSlot .4s cubic-bezier(.3,1.5,.5,1) 2.6s both;}
.sg-merge .sg{grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);}
.mp-files{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 3px; min-height: 0;}
.mp-files li{display: flex; align-items: center; gap: 7px; padding: 4px 9px; border-radius: 9px; background: #fff; border: 1px solid var(--ln); font-size: 11.5px; color: var(--t2);}
.mp-files i{flex: none; width: 8px; height: 14px; border-radius: 2px; background: var(--h);}
.mp-files span{flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mp-files small{font: 500 10px/1 var(--mono); color: var(--mu);}
.mp-pack{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;}
.mp-book{position: relative; width: 116px; height: 150px;}
.mp-book i{position: absolute; right: -9px; top: calc(10px + var(--i) * 14.5px); width: 16px; height: 11px; border-radius: 0 4px 4px 0; background: var(--h);}
.mp-cover{position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 3px; padding: 12px; border-radius: 6px 10px 10px 6px; color: #fff;
  background: linear-gradient(160deg, color-mix(in srgb, var(--c) 70%, #fff), var(--c)); box-shadow: -5px 0 0 -1px color-mix(in srgb, var(--c) 55%, #000), 0 14px 26px rgba(15,39,64,.22);}
.mp-cover small{font: 600 9px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; opacity: .85;}
.mp-cover b{font-size: 13px; line-height: 1.2;}
.mp-n{display: flex; align-items: baseline; gap: 6px; margin: 0;}
.mp-n b{font-size: 26px; letter-spacing: -.04em; color: var(--c);}
.mp-n span{font: 500 10.5px/1 var(--mono); color: var(--mu);}
.mp-cut{margin: 0; padding: 3px 9px; border-radius: 999px; background: #f0f0f3; font: 600 10px/1.3 var(--mono); color: var(--mu);}
.ag-layer.go .mp-files li{animation: mpIn .45s var(--ease-out) both; animation-delay: calc(.15s + var(--i) * .16s);}
.ag-layer.go .mp-cover{animation: ivDoc .6s var(--ease-out) .3s both;}
.ag-layer.go .mp-book i{animation: mpTab .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.9s + var(--i) * .16s);}
.ag-layer.go .mp-n{animation: agRise .45s var(--ease-out) 2.5s both;}
.ag-layer.go .mp-cut{animation: hrSlot .4s cubic-bezier(.3,1.5,.5,1) 2.9s both;}
.wt-feat{--c: var(--accent); position: absolute; left: 12px; top: 50%; margin-top: -14px; height: 28px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 8px; border-radius: 999px; background: color-mix(in srgb, var(--c) 9%, #fff);
  border: 1px solid color-mix(in srgb, var(--c) 32%, #fff); color: color-mix(in srgb, var(--c) 78%, #000); font-size: 12px; font-weight: 650; white-space: nowrap;}
.wt-feat:empty{display: none;}
.wt-feat svg{flex: none; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.wt-feat.is-pop{animation: wtFeat .5s cubic-bezier(.3,1.5,.5,1) both;}
.wt-dept.is-flash{animation: wtDeptFlash 1.1s cubic-bezier(.3,1.4,.5,1) both;}
@media (max-width: 1180px){.wt-feat{display: none;}}
@media (max-width: 1000px){.rs-ring{--R: 56px;}
.rs-ring{background: repeating-radial-gradient(circle, transparent 0 19px, color-mix(in srgb, var(--c) 14%, transparent) 19px 20px), color-mix(in srgb, var(--c) 4%, #fff);}
.mp-files{gap: 2px;}
.mp-files li{padding: 2px 8px; font-size: 11px;}
.mp-book{width: 96px; height: 128px;}
.mp-book i{top: calc(8px + var(--i) * 12.5px); height: 9px;}}
.ag-mic{color: var(--t2); transition: background .2s var(--ease), color .2s var(--ease);}
.ag-wave{display: none;}
.ag-comp.is-voice .ag-ph, .ag-comp.is-voice .ag-ctext{display: none;}
.ag-comp.is-voice .ag-wave{flex: 1; min-width: 0; display: flex; align-items: center; gap: 3px; height: 30px; padding-left: 4px;}
.ag-wave i{width: 3px; height: 30%; border-radius: 3px; background: #d4483b; animation: agWave .7s ease-in-out infinite alternate; animation-delay: calc(var(--k, 0) * -.09s);}
.ag-wave i:nth-child(1){--k: 7;}
.ag-wave i:nth-child(2){--k: 3;}
.ag-wave i:nth-child(3){--k: 10;}
.ag-wave i:nth-child(4){--k: 6;}
.ag-wave i:nth-child(5){--k: 2;}
.ag-wave i:nth-child(6){--k: 9;}
.ag-wave i:nth-child(7){--k: 5;}
.ag-wave i:nth-child(8){--k: 1;}
.ag-wave i:nth-child(9){--k: 8;}
.ag-wave i:nth-child(10){--k: 4;}
.ag-wave i:nth-child(11){--k: 0;}
.ag-wave i:nth-child(12){--k: 7;}
.ag-wave i:nth-child(13){--k: 3;}
.ag-wave i:nth-child(14){--k: 10;}
.ag-wave i:nth-child(15){--k: 6;}
.ag-wave i:nth-child(16){--k: 2;}
.ag-wave i:nth-child(17){--k: 9;}
.ag-wave i:nth-child(18){--k: 5;}
.ag-wave em{margin-left: 8px; font-style: normal; font-size: 12px; font-weight: 600; color: #d4483b;}
.ag-comp.is-voice .ag-mic{background: #fdecec; color: #d4483b; animation: agMic 1s ease-in-out infinite;}
.dy-mh svg + svg{display: none;}
.dy-mail.is-req .dy-mh svg:first-child{display: none;}
.dy-mail.is-req .dy-mh svg + svg{display: inline;}
.dy-mail.is-req .dy-mr{grid-template-columns: 66px minmax(0, 1fr);}
.dy-mail.is-req:not(.is-sent){border-color: #f5dcb0; background: #fffaf0;}
.dy-mail.is-req:not(.is-sent) .dy-mh{color: #8a4b00;}
.wk-opts{display: none;}
.wk-opts.on{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px;}
.wk-opt{min-width: 0; display: flex; align-items: center; gap: 7px; padding: 6px 8px; border-radius: 12px; background: #fff; border: 1px solid var(--ln2); animation: agIn .4s var(--ease-out) both; animation-delay: calc(var(--i) * .12s);}
.wk-opt em{flex: none; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: #f0f0f3; font: 700 10px/1 var(--mono); font-style: normal; color: var(--t2);}
.wk-opt b{flex: 1; min-width: 0; font-size: 11.5px; font-weight: 600; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wk-opt svg{flex: none; width: 13px; height: 13px; fill: none; stroke: var(--mu); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;}
.ag-reply sup{display: inline-grid; place-items: center; min-width: 15px; height: 15px; padding: 0 3px; margin-left: 2px; border-radius: 5px; background: var(--g-soft); color: var(--g-ink); font-size: 9.5px; font-weight: 700; line-height: 1; vertical-align: 2px;}
.ag-srcs{display: none; flex-wrap: wrap; align-items: center; gap: 5px; margin: 8px 0 2px;}
.ag-srcs.on{display: flex; animation: agRise .4s var(--ease-out) both;}
.ag-srcs .src-lbl{color: var(--mu); font-size: 10.5px; font-weight: 600; margin-right: 2px;}
.ag-srcs .src{display: inline-flex; align-items: center; gap: 5px; max-width: 230px; height: 22px; padding: 0 8px 0 3px; border: 1px solid var(--ln); border-radius: 999px; background: #fff; color: var(--t2); font-size: 10.5px;}
.ag-srcs .src b{display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: var(--g-soft); color: var(--g-ink); font-size: 9px; font-weight: 700; flex: none;}
.ag-srcs .src span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}
.sg-tpread .sg{grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);}
.tr-docs{display: flex; flex-direction: column;}
.tr-list{flex: 1; min-height: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: space-between; gap: 2px;}
.tr-list li{position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 14px; align-items: center; gap: 7px; padding: 4px 6px 7px; border-radius: 8px; font-size: 11.5px; color: var(--t2);}
.tr-pdf{font: 700 8px/1 var(--mono); color: #fff; background: #d93b3b; border-radius: 4px; padding: 3px 0; text-align: center;}
.tr-list b{font-weight: 600; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tr-list small{font: 500 10px/1 var(--mono); color: var(--mu); white-space: nowrap;}
.tr-list em{display: grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: var(--g-soft);}
.tr-list em svg{width: 9px; height: 9px; fill: none; stroke: var(--g); stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round;}
.tr-list i{position: absolute; left: 39px; right: 6px; bottom: 2px; height: 2.5px; border-radius: 2px; background: color-mix(in srgb, var(--c) 70%, #fff); transform-origin: left;}
.ag-layer.go .tr-list li{animation: trRow var(--r) linear both; animation-delay: var(--t);}
.ag-layer.go .tr-list i{animation: tpGrow var(--r) linear both; animation-delay: var(--t);}
.ag-layer.go .tr-list em{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(var(--t) + var(--r));}
.tr-sum{display: flex; align-items: baseline; gap: 7px; margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--ln);}
.tr-sum b{min-width: 3.4ch; font-size: 26px; font-weight: 700; letter-spacing: -.03em; line-height: 1; color: var(--c); font-variant-numeric: tabular-nums;}
.tr-sum span{font-size: 11.5px; color: var(--mu);}
.tr-facts ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px;}
.tr-facts li{display: grid; grid-template-columns: minmax(0, 1fr) 16px; column-gap: 6px; padding: 6px 9px; border-radius: 10px; background: color-mix(in srgb, var(--c) 5%, #fff); border: 1px solid color-mix(in srgb, var(--c) 16%, #fff);}
.tr-facts small{font-size: 10px; font-weight: 600; color: var(--mu);}
.tr-facts b{grid-row: 2; font-size: 12.5px; font-weight: 650; letter-spacing: -.01em; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tr-facts em{grid-column: 2; grid-row: 1 / span 2; align-self: center; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 5px; background: var(--g-soft); color: var(--g-ink); font: 700 9.5px/1 ui-sans-serif, system-ui; font-style: normal;}
.ag-layer.go .tr-facts li{animation: saMail .5s var(--ease-out) both; animation-delay: calc(3s + var(--i) * .16s);}
.sg-tpreq .sg, .sg-tpcomp .sg, .sg-tpgap .sg, .sg-tpprice .sg, .sg-tpmatch .sg{grid-template-rows: auto minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);}
.rq-top{display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 16px;}
.rq-n{display: flex; align-items: center; gap: 9px; margin: 0;}
.rq-n > b{min-width: 2.2ch; font-size: 34px; font-weight: 750; letter-spacing: -.04em; line-height: 1; color: var(--c); font-variant-numeric: tabular-nums;}
.rq-n span{display: flex; flex-direction: column; font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--t1);}
.rq-n small{font-size: 10.5px; font-weight: 600; color: #b42318;}
.rq-bar{display: flex; gap: 2px; height: 10px; border-radius: 99px; overflow: hidden;}
.rq-bar i{flex: var(--v) 1 0; background: var(--h); transform-origin: left;}
.rq-key{margin: 7px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 3px 10px; font-size: 10.5px; color: var(--mu);}
.rq-key li{display: flex; align-items: center; gap: 4px;}
.rq-key li::before{content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--h);}
.rq-key b{color: var(--t1); font-weight: 650; font-variant-numeric: tabular-nums;}
.ag-layer.go .rq-bar i{animation: tpGrow .5s var(--ease-out) both; animation-delay: calc(.4s + var(--i) * .28s);}
.ag-layer.go .rq-key li{animation: agRise .35s var(--ease-out) both; animation-delay: calc(.5s + var(--i) * .28s);}
.rq-reg, .cp-reg, .pc-card, .dc-card{display: flex; flex-direction: column;}
.rq-rows, .cp-rows{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px;}
.rq-rows li, .cp-rows li{display: grid; grid-template-columns: 42px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 9px; border: 1px solid var(--ln); background: #fff; font-size: 11.5px; color: var(--t1);}
.rq-rows code, .cp-rows code{font: 600 10px/1 var(--mono); color: var(--c);}
.rq-rows span, .cp-rows span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rq-rows small{font: 500 9.5px/1 var(--mono); color: var(--mu); white-space: nowrap;}
.rq-rows em, .cp-rows em{font-style: normal; font-size: 9.5px; font-weight: 700; padding: 3px 8px; border-radius: 999px; white-space: nowrap;}
.rq-rows .is-mandatory{background: #fdecea; color: #b42318;}
.rq-rows .is-scored{background: #eaf2ff; color: #1d4ed8;}
.ag-layer.go .rq-rows li{animation: rqPull .6s var(--ease-out) both; animation-delay: calc(.7s + var(--i) * .34s);}
.cp-top{display: flex; align-items: center; gap: 20px;}
.cp-donut{position: relative; flex: none; width: 94px; height: 94px;}
.cp-donut svg{display: block; width: 100%; height: 100%;}
.cp-trk, .cp-arc{fill: none; stroke-width: 5;}
.cp-trk{stroke: #eef1f4;}
.cp-arc.is-ok{stroke: #10a37f;}
.cp-arc.is-part{stroke: #f59e0b;}
.cp-arc.is-gap{stroke: #d92d20;}
.ag-layer.go .cp-arc{animation: cpArc .8s var(--ease-out) both; animation-delay: calc(.3s + var(--i) * .7s);}
.cp-donut p{position: absolute; inset: 0; margin: 0; display: grid; place-content: center; text-align: center;}
.cp-donut p b{font-size: 23px; font-weight: 750; letter-spacing: -.03em; line-height: 1; color: var(--t1); font-variant-numeric: tabular-nums;}
.cp-donut p small{font: 600 9px/1.5 var(--mono); letter-spacing: .04em; color: var(--mu);}
.cp-key{flex: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;}
.cp-key li{display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--t2);}
.cp-key i{width: 10px; height: 10px; border-radius: 3px;}
.cp-key .is-ok i{background: #10a37f;}
.cp-key .is-part i{background: #f59e0b;}
.cp-key .is-gap i{background: #d92d20;}
.cp-key b{margin-left: auto; font: 700 14px/1 var(--mono); color: var(--t1);}
.ag-layer.go .cp-key li{animation: agRise .35s var(--ease-out) both; animation-delay: calc(.6s + var(--i) * .7s);}
.cp-rows li{grid-template-columns: 42px minmax(0, 1fr) 64px;}
.cp-rows code{color: var(--mu);}
.cp-rows em{grid-column: 3; grid-row: 1; justify-self: end;}
.cp-wait{background: #f0f0f3; color: var(--mu); opacity: 0;}
.cp-st.is-ok{background: #e3f5ec; color: #0a6e55;}
.cp-st.is-part{background: #fff4de; color: #9a5b00;}
.cp-st.is-gap{background: #fdecea; color: #b42318;}
.ag-layer.go .cp-rows li{animation: agRise .35s var(--ease-out) both; animation-delay: calc(.2s + var(--i) * .1s);}
.ag-layer.go .cp-wait{animation: cpWait calc(1.3s + var(--i) * .45s) linear both;}
.ag-layer.go .cp-st{animation: cpFlip .5s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(1.3s + var(--i) * .45s);}
.gp-tiles{position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; overflow: hidden;}
.gp-tiles i{aspect-ratio: 2; border-radius: 4px; background: #cdeedd; box-shadow: inset 0 0 0 1px #a8dcc3;}
.gp-tiles i.is-miss{background: #fde2df; box-shadow: inset 0 0 0 1.5px #e5534b;}
.gp-scan{position: absolute; top: 0; bottom: 0; left: 0; width: 16%; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 34%, transparent), transparent); opacity: 0; pointer-events: none;}
.ag-layer.go .gp-scan{animation: gpScan 1.8s var(--ease) .1s both;}
.ag-layer.go .gp-tiles i{animation: gpLit .3s var(--ease-out) both; animation-delay: calc(.2s + var(--i) * .12s);}
.ag-layer.go .gp-tiles i.is-miss{animation: gpLit .3s var(--ease-out) both, gpMiss .9s ease-in-out 3; animation-delay: calc(.2s + var(--i) * .12s), calc(.5s + var(--i) * .12s);}
.gp-sum{display: flex; gap: 16px; margin: 6px 0 0; font-size: 11.5px; color: var(--mu);}
.gp-sum b{margin-right: 2px; font-size: 15px; color: #0a6e55;}
.gp-sum .is-bad b{color: #b42318;}
.gp-miss{min-height: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px;}
.gp-miss li{display: grid; grid-template-columns: 18px minmax(0, 1fr) auto 30px; align-items: center; gap: 8px; padding: 4px 9px; border-radius: 10px; background: #fff; border: 1px solid #f6d2cd; box-shadow: 0 6px 14px rgba(180,35,24,.05); font-size: 12px;}
.gp-miss li > i{display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #d92d20; color: #fff; font: 800 11px/1 ui-sans-serif, system-ui; font-style: normal;}
.gp-miss b{font-weight: 600; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gp-av{display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #eef1f6; color: var(--t2); font-size: 9px; font-weight: 700;}
.gp-miss em{font: 600 10px/1 var(--mono); font-style: normal; text-align: right; color: var(--mu);}
.ag-layer.go .gp-miss li{animation: saMail .5s var(--ease-out) both; animation-delay: calc(1.9s + var(--i) * .2s);}
.sg-tpdraft .sg{grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);}
.df-toc ol{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px;}
.df-toc li{display: grid; grid-template-columns: 18px minmax(0, 1fr) 13px; align-items: center; gap: 7px; padding: 4px 6px; border-radius: 8px; font-size: 11.5px; color: var(--t2);}
.df-toc em{display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--c); font: 700 9.5px/1 var(--mono); font-style: normal;}
.df-toc span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.df-toc svg{width: 13px; height: 13px; fill: none; stroke: var(--g); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;}
.df-toc li.is-cur{background: color-mix(in srgb, var(--c) 9%, #fff); color: var(--t1); font-weight: 600;}
.ag-layer.go .df-toc li{animation: agRise .3s var(--ease-out) both; animation-delay: calc(.15s + var(--i) * .07s);}
.ag-layer.go .df-toc svg{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.7s + var(--i) * .42s);}
.df-page{display: flex; flex-direction: column; gap: 4px; padding: 12px 15px; border-top: 3px solid var(--c);}
.df-meta{display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 4px;}
.df-meta b{font-size: 12.5px; font-weight: 650; color: var(--t1);}
.df-meta small{font: 500 9.5px/1 var(--mono); color: var(--mu);}
.df-h{margin: 4px 0 0; font-size: 12.5px; font-weight: 700; color: var(--c);}
.df-h.is-sub{font-size: 11.5px; color: var(--t1);}
.df-txt{margin: 0; display: flex; flex-direction: column;}
.df-l{display: block; width: max-content; max-width: 100%; overflow: hidden; font-size: 11px; line-height: 1.62; color: var(--t2); white-space: nowrap;}
.ag-layer.go .df-l{animation: dfType .5s steps(var(--n)) both; animation-delay: calc(.6s + var(--i) * .5s);}
.ag-layer.go .df-h.is-sub{animation: agFade .3s var(--ease) 3.5s both;}
.df-ev{display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: auto 0 0; padding-top: 8px; border-top: 1px dashed var(--ln);}
.df-ev small{margin-right: 2px; font-size: 10px; font-weight: 600; color: var(--mu);}
.df-ev em{font: 600 9.5px/1 var(--mono); font-style: normal; padding: 4px 7px; border-radius: 6px; background: var(--g-soft); color: var(--g-ink);}
.ag-layer.go .df-ev em{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(4.7s + var(--i) * .15s);}
.pc-top{display: flex; align-items: center; justify-content: space-between; gap: 12px; background: linear-gradient(135deg, color-mix(in srgb, var(--c) 11%, #fff), #fff 70%); border-color: color-mix(in srgb, var(--c) 26%, #fff);}
.pc-sum{margin: 0; display: flex; flex-direction: column;}
.pc-sum small{font-size: 10.5px; font-weight: 600; color: var(--mu);}
.pc-sum b{font-size: 30px; font-weight: 750; letter-spacing: -.035em; line-height: 1.05; color: var(--t1); font-variant-numeric: tabular-nums;}
.pc-meta{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-end; gap: 4px;}
.pc-meta li{font: 600 10px/1 var(--mono); padding: 4px 8px; border-radius: 999px; background: #fff; border: 1px solid var(--ln); color: var(--t2);}
.ag-layer.go .pc-meta li{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.3s + var(--i) * .2s);}
.pc-rows{flex: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: space-around; gap: 5px;}
.pc-rows li{display: grid; grid-template-columns: 124px minmax(0, 1fr) 36px; align-items: center; gap: 9px; font-size: 11.5px; color: var(--t2);}
.pc-rows span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pc-rows i{position: relative; height: 10px; border-radius: 99px; background: #f0f0f3; overflow: hidden;}
.pc-rows i::after{content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 100%); border-radius: inherit; background: color-mix(in srgb, var(--c) 42%, #fff); transform-origin: left;}
.pc-rows li.is-top i::after{background: var(--c);}
.pc-rows li.is-top span, .pc-rows li.is-top b{font-weight: 700; color: var(--t1);}
.pc-rows b{font: 700 11.5px/1 var(--mono); text-align: right; color: var(--t1);}
.ag-layer.go .pc-rows li{animation: agRise .35s var(--ease-out) both; animation-delay: calc(.3s + var(--i) * .22s);}
.ag-layer.go .pc-rows i::after{animation: tpGrow .8s var(--ease-out) both; animation-delay: calc(.45s + var(--i) * .22s);}
.pc-card .iv-calc{margin-top: 6px;}
.mt-dots{display: grid; grid-template-columns: repeat(21, minmax(0, 1fr)); gap: 4px;}
.mt-dots i{aspect-ratio: 1; border-radius: 50%; background: #d9dce4; opacity: .55;}
.mt-dots i.is-hit{background: var(--c); opacity: 1; box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent);}
.ag-layer.go .mt-dots i{animation: mtScan 1.1s var(--ease) both; animation-delay: calc(.1s + var(--i) * .05s);}
.ag-layer.go .mt-dots i.is-hit{animation: mtScan 1.1s var(--ease) both, mtHit 1.3s ease-out 2; animation-delay: calc(.1s + var(--i) * .05s), 1.5s;}
.mt-cards{min-height: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 7px;}
.mt-cards li{display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 8px 11px; border-radius: 13px; background: #fff; border: 1px solid var(--ln); box-shadow: 0 8px 20px rgba(13,13,13,.05);}
.mt-ring{--mp: var(--m); position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: conic-gradient(var(--c) calc(var(--mp) * 1%), #eef0f4 0);}
.mt-ring::before{content: ""; position: absolute; inset: 4px; border-radius: 50%; background: #fff;}
.mt-ring b{position: relative; font: 700 13px/1 var(--mono); color: var(--t1);}
.mt-ring b::after{content: "%"; font-size: 8px; color: var(--mu);}
.mt-nm{min-width: 0;}
.mt-nm b{display: block; font-size: 13px; font-weight: 650; color: var(--t1);}
.mt-nm small{display: block; font: 500 10px/1.4 var(--mono); color: var(--mu); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mt-cards em{font-style: normal; font-size: 9.5px; font-weight: 700; padding: 4px 8px; border-radius: 999px; background: color-mix(in srgb, var(--c) 10%, #fff); color: var(--c); white-space: nowrap;}
.ag-layer.go .mt-cards li{animation: mtCard .6s cubic-bezier(.22,1,.36,1) both; animation-delay: calc(1.5s + var(--i) * .3s);}
.ag-layer.go .mt-ring{animation: mtRing 1s var(--ease-out) both; animation-delay: calc(1.7s + var(--i) * .3s);}
.ms-risk{display: flex; flex-direction: column;}
.ms-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; width: min(100%, 170px); aspect-ratio: 1; margin: 0 auto;}
.ms-grid i{position: relative; display: grid; place-items: center; border-radius: 4px; background: var(--h);}
.ms-grid b{display: grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: #0d0d0d; color: #fff; font-size: 8.5px; font-weight: 700; box-shadow: 0 0 0 2px rgba(255,255,255,.9);}
.ag-layer.go .ms-grid i{animation: agFade .3s var(--ease) both; animation-delay: calc(.4s + var(--i) * .035s);}
.ag-layer.go .ms-grid b{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(1.6s + var(--i) * .04s);}
.ms-key{margin: 8px 0 0; display: flex; gap: 6px; justify-content: center;}
.ms-key span{font: 600 10px/1 var(--mono); padding: 4px 7px; border-radius: 6px; background: #f0f0f3; color: var(--t2);}
.ms-key .is-hi{background: #fde8e7; color: #b42318;}
.sg-tprisk .sg{grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);}
.rk-side{min-width: 0; display: flex; flex-direction: column; gap: 8px;}
.rk-top{flex: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 7px;}
.rk-top li{display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 12px; background: #fff; border: 1px solid var(--ln); border-left: 3px solid var(--c);}
.rk-top em{display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: #fdecea; color: #b42318; font: 700 10px/1 var(--mono); font-style: normal;}
.rk-top span{min-width: 0;}
.rk-top b{display: block; font-size: 12px; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rk-top small{display: block; font: 500 10px/1.3 var(--mono); color: var(--mu);}
.rk-top strong{font: 700 12px/1 var(--mono); color: #b42318;}
.ag-layer.go .rk-top li{animation: saMail .5s var(--ease-out) both; animation-delay: calc(2.1s + var(--i) * .3s);}
.ag-layer.go.sg-tprisk .iv-total{animation-delay: 3.1s;}
.sg-tpdocs .sg{grid-template-rows: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr);}
.dc-card{position: relative; overflow: hidden;}
.dc-rows{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 3px;}
.dc-rows li{display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 4px 6px; border-radius: 9px; font-size: 12px; color: var(--t1);}
.dc-rows .ag-tile{width: 26px; height: 26px; border-radius: 7px; font-size: 7.5px;}
.dc-rows b{font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dc-rows li > i{display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--g-soft);}
.dc-rows li > i svg{width: 11px; height: 11px; fill: none; stroke: var(--g); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;}
.dc-rows em{font-style: normal; font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 999px; background: #fdecea; color: #b42318; white-space: nowrap;}
.dc-rows li.is-bad{background: #fff6f5; box-shadow: inset 0 0 0 1px #f6cfca;}
.dc-scan{position: absolute; left: 0; right: 0; top: 0; height: 30px; margin-top: -30px; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--c) 16%, transparent)); border-bottom: 1.5px solid var(--c); opacity: 0; pointer-events: none;}
.ag-layer.go .dc-scan{animation: dcScan 2.7s var(--ease) .2s both;}
.ag-layer.go .dc-rows li > i, .ag-layer.go .dc-rows em{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.55s + var(--i) * .33s);}
.ag-layer.go .dc-rows li.is-bad{animation: dcBad .6s var(--ease-out) both; animation-delay: calc(.55s + var(--i) * .33s);}
.dc-checks{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 5px;}
.dc-checks li{display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px 5px 6px; border-radius: 999px; background: #fff; border: 1px solid var(--ln); font-size: 10.5px; font-weight: 600; color: var(--t2);}
.dc-checks svg{box-sizing: border-box; width: 14px; height: 14px; padding: 2px; border-radius: 50%; background: var(--g-soft); fill: none; stroke: var(--g); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round;}
.dc-checks li.is-bad{border-color: #f6cfca; background: #fff6f5; color: #b42318;}
.dc-checks li.is-bad b{display: grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: #d92d20; color: #fff; font-size: 9px;}
.ag-layer.go .dc-checks li{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(2.9s + var(--i) * .12s);}
.sg-tpaudit .sg{grid-template-rows: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr);}
.au-card{display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px;}
.au-ring{position: relative; width: 124px; height: 124px; border-radius: 50%;}
.au-ring svg{display: block; width: 100%; height: 100%; transform: rotate(-90deg);}
.au-trk, .au-arc{fill: none; stroke-width: 10;}
.au-trk{stroke: #eef1f4;}
.au-arc{stroke: var(--c); stroke-linecap: round; stroke-dasharray: 100 100;}
.ag-layer.go .au-arc{animation: auArc 2.2s cubic-bezier(.4,0,.2,1) .3s both;}
.ag-layer.go .au-ring{animation: auGlow 1.2s ease-out 2.5s;}
.au-ring p{position: absolute; inset: 0; margin: 0; display: grid; place-content: center; text-align: center;}
.au-ring p b{font-size: 34px; font-weight: 750; letter-spacing: -.04em; line-height: 1; color: var(--t1); font-variant-numeric: tabular-nums;}
.au-ring p small{font: 600 9px/1.5 var(--mono); letter-spacing: .06em; color: var(--mu);}
.au-list{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px;}
.au-list li{display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 1px dashed var(--ln); font-size: 12px; color: var(--t2);}
.au-list li:last-child{padding-bottom: 0; border-bottom: 0;}
.au-list svg{box-sizing: border-box; width: 16px; height: 16px; padding: 3px; border-radius: 50%; background: var(--g-soft); fill: none; stroke: var(--g); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;}
.au-list b{font: 700 11.5px/1 var(--mono); color: var(--t1); white-space: nowrap;}
.ag-layer.go .au-list li{animation: agRise .35s var(--ease-out) both; animation-delay: calc(.4s + var(--i) * .38s);}
.ag-layer.go .au-list svg{animation: hrSlot .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc(.55s + var(--i) * .38s);}
.au-foot{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: 14px; background: linear-gradient(135deg, #0f8a5f, #10a37f); color: #fff; box-shadow: 0 14px 30px -12px rgba(16,163,127,.6);}
.au-foot p{margin: 0; display: flex; flex-direction: column;}
.au-foot small{font-size: 10.5px; opacity: .88;}
.au-foot b{font-size: 18px; font-weight: 750; letter-spacing: -.02em;}
.au-stamp{display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 10px; border: 2px solid rgba(255,255,255,.92); font: 800 12px/1 var(--mono); letter-spacing: .02em; transform: rotate(-6deg);}
.au-stamp svg{width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;}
.ag-layer.go .au-foot{animation: ivDoc .6s var(--ease-out) 2.5s both;}
.ag-layer:not(.is-ok) .au-stamp{opacity: 0; transform: rotate(-14deg) scale(1.9);}
.ag-layer.is-ok .au-stamp{animation: auStamp .45s cubic-bezier(.3,1.5,.5,1) both;}
@media (max-width: 900px){.sg-tpread .sg, .sg-tpdraft .sg, .sg-tprisk .sg{grid-template-columns: 1fr;}}
.deck.no-motion .ag-layer:not(.go) .sg, .deck .slide.is-settled .ag-layer:not(.go) .sg{opacity: 1; filter: none;}
@media (prefers-reduced-motion: reduce){.ag-layer .sg{opacity: 1 !important; filter: none !important;}}
@media (max-width: 1000px){.ag-win{grid-template-columns: minmax(0, 1fr); height: auto;}
.ag-rail{min-width: 0;}
.ag-rail{flex-direction: row; align-items: center; padding: 8px; border-right: 0; border-bottom: 1px solid var(--ln);}
.ag-split{grid-template-columns: minmax(0, 1fr);}
.ag-chat{height: 360px;}
.ag-panel{height: 320px; border-left: 0; border-top: 1px solid var(--ln);}}
@media (max-width: 560px){.sg-photo .sg, .sg-social .sg, .bp2{grid-template-columns: 1fr; grid-template-rows: minmax(0, 1.2fr) minmax(0, 1fr);}
.sg-cvs .sg{grid-template-columns: 1fr;}
.hr-fun{display: none;}
.ag-panel{height: 420px;}
.mk-side{flex-direction: row; flex-wrap: wrap;}
.mk-ch{display: none;}
.ag-model em, .ag-disc{display: none;}}
.ag-icons i.is-on{background: var(--g-soft); color: var(--g-ink);}
.ag-icons i{transition: background .3s var(--ease), color .3s var(--ease);}
.dy-cnt{position: absolute; top: 1px; right: 0; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: var(--t1); color: #fff; font: 700 9px/14px ui-sans-serif, system-ui; text-align: center; transition: transform .3s cubic-bezier(.3,1.6,.5,1);}
.dy-cnt.is-zero{transform: scale(0);}
.dy-bell.is-ring svg{animation: dyRing .6s var(--ease) 2; transform-origin: 50% 10%;}
.ag-top{position: relative;}
.dy-toast{position: absolute; z-index: 5; right: 12px; top: 42px; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 10px; border-radius: 14px; background: #fff;
  border: 1px solid var(--ln); box-shadow: 0 18px 40px -12px rgba(13,13,13,.28); opacity: 0; transform: translateY(-10px) scale(.96); pointer-events: none;
  transition: opacity .35s var(--ease-out), transform .45s cubic-bezier(.3,1.4,.5,1);}
.dy-toast.on{opacity: 1; transform: none;}
.dy-toast-i{display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--g-soft); color: var(--g-ink);}
.dy-toast-i svg{width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.dy-toast b{display: block; font-size: 12px; color: var(--t1); white-space: nowrap;}
.dy-toast small{display: block; font-size: 11px; color: var(--mu);}
.dy-toast-b{padding: 6px 10px; border-radius: 9px; background: var(--t1); color: #fff; font-size: 11px; font-weight: 600; white-space: nowrap;}
.dy-upd{display: none;}
.dy-upd.on{display: inline-flex; align-self: flex-start; align-items: center; gap: 5px; max-width: 100%; margin: 0; padding: 4px 10px 4px 6px; border-radius: 999px; background: var(--g-soft); color: var(--g-ink); font-size: 11.5px; animation: agIn .4s var(--ease-out) both;}
.dy-upd svg{flex: none; width: 14px; height: 14px; fill: none; stroke: var(--g); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.dy-upd b{flex: none; font-weight: 600;}
.dy-upd span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dy-mail{display: none;}
.dy-mail.on{display: flex; flex-direction: column; gap: 4px; padding: 9px 12px 10px; border-radius: 14px; border: 1px solid var(--ln); background: #fff; animation: agIn .4s var(--ease-out) both;}
.dy-mh{display: flex; align-items: center; gap: 6px; margin: 0 0 2px; font-size: 12px; color: var(--t2);}
.dy-mh svg, .dy-mat svg{width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.dy-mr{display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 6px; margin: 0; font-size: 12px; color: var(--t1);}
.dy-mr small{color: var(--mu);}
.dy-mat{display: flex; align-items: center; gap: 6px; margin: 2px 0 0; font-size: 11.5px; color: var(--t2);}
.dy-mail .ag-ab{position: relative; display: flex; justify-content: flex-end;}
.dy-mail.is-sent .ag-ab{display: none;}
.dy-mail .ag-ok{display: none;}
.dy-mail.is-sent .ag-ok{display: flex; align-items: center; gap: 6px; margin: 2px 0 0; font-size: 12px; font-weight: 600; color: var(--g-ink);}
.dy-mail.is-sent .ag-ok svg{width: 16px; height: 16px; padding: 2px; border-radius: 50%; background: var(--g-soft); fill: none; stroke: var(--g); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round;}
.dy-panel{display: grid;}
.dy-p{grid-area: 1 / 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff;
  opacity: 0; visibility: hidden; transform: translateX(18px); transition: opacity .4s var(--ease-out), transform .45s var(--ease-out), visibility 0s linear .45s;}
.dy-panel[data-panel="cal"] .dy-cal, .dy-panel[data-panel="todo"] .dy-todo{opacity: 1; visibility: visible; transform: none; transition: opacity .4s var(--ease-out), transform .45s var(--ease-out), visibility 0s;}
.dy-ph{flex: 0 0 auto; display: flex; align-items: center; gap: 2px; padding: 9px 8px 8px 14px; border-bottom: 1px solid var(--ln);}
.dy-pt{flex: 1; min-width: 0;}
.dy-pt b{display: block; font-size: 13.5px; font-weight: 650; color: var(--t1);}
.dy-pt small{display: block; font-size: 11px; color: var(--mu);}
.dy-ph i{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--mu);}
.dy-ph svg{width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.dy-pb{position: relative; flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: none; display: flex; flex-direction: column; gap: 7px; padding: 9px 12px;}
.dy-pf{flex: 0 0 auto; padding: 8px 12px 10px; border-top: 1px solid var(--ln);}
.dy-fbtn{display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; border-radius: 10px; background: var(--t1); color: #fff; font-size: 12px; font-weight: 600;}
.dy-fbtn svg{width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;}
.pl-seg{flex: none; display: flex; gap: 2px; padding: 3px; border-radius: 10px; background: #f7f7f8;}
.pl-seg span{flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 0; border-radius: 8px; font-size: 11px; font-weight: 600; color: var(--mu); white-space: nowrap; transition: background .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease);}
.pl-seg span.is-on, .dy-todo[data-tab="today"] .dy-tabs [data-t="today"], .dy-todo[data-tab="next"] .dy-tabs [data-t="next"]{background: #fff; color: var(--t1); box-shadow: 0 1px 3px rgba(13,13,13,.1);}
.dy-tcount{font-style: normal; min-width: 15px; padding: 0 4px; border-radius: 999px; background: var(--g); color: #fff; font-size: 9.5px; line-height: 15px; text-align: center;}
.dy-add{flex: none; display: flex; align-items: center; gap: 6px; padding: 4px 4px 4px 10px; border-radius: 10px; border: 1px solid var(--ln2);}
.dy-add span{flex: 1; min-width: 0; font-size: 11px; color: #9a9aa6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dy-add b{padding: 4px 10px; border-radius: 8px; background: var(--g); color: #fff; font-size: 11px;}
.dy-note{display: none;}
.dy-note.on{flex: none; display: flex; align-items: center; gap: 8px; margin: 0; padding: 5px 10px; border-radius: 10px; background: var(--g-soft); font-size: 11.5px; color: var(--g-ink); animation: agIn .35s var(--ease-out) both;}
.dy-note span{flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dy-note b{font-weight: 650; text-decoration: underline; text-underline-offset: 2px; transition: transform .12s var(--ease-out);}
.dy-note.is-press b{transform: scale(.9);}
.dy-tabp{display: none; flex-direction: column; gap: 3px;}
.dy-todo[data-tab="today"] .dy-tabp[data-for="today"], .dy-todo[data-tab="next"] .dy-tabp[data-for="next"]{display: flex; animation: agFade .35s var(--ease) both;}
.dy-grp{flex: none; margin: 3px 0 0; font-size: 11px; font-weight: 650; color: var(--t2);}
.dy-grp span{font-weight: 500; color: var(--mu);}
.dy-grp.is-bad{color: #c9302c;}
.dy-grp.is-ok{color: var(--g-ink);}
.dy-grp.is-empty{display: none;}
.dy-list{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 1px;}
.dy-list li:not(.on), .dy-agenda li:not(.on){display: none;}
.dy-list li{position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr) 16px; align-items: center; gap: 9px; padding: 4px 6px; border-radius: 10px; transition: background .35s var(--ease);}
.dy-box{display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; border: 1.6px solid var(--ln2); background: #fff; transition: background .25s var(--ease), border-color .25s var(--ease);}
.dy-list li.p-high .dy-box{border-color: #c9302c;}
.dy-list li.p-medium .dy-box{border-color: #e8590c;}
.dy-box svg{width: 11px; height: 11px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(.4); transition: opacity .2s, transform .35s cubic-bezier(.3,1.8,.5,1);}
.dy-tt{min-width: 0;}
.dy-tt b{position: relative; display: inline-block; max-width: 100%; font-size: 12.5px; font-weight: 500; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; transition: color .3s var(--ease);}
.dy-tt b::after{content: ""; position: absolute; left: 0; top: 52%; height: 1.5px; width: 0; background: var(--mu); transition: width .4s var(--ease-out) .1s;}
.dy-tt small{display: flex; align-items: center; gap: 7px; margin-top: 1px; font-size: 10.5px; color: var(--mu); white-space: nowrap; overflow: hidden;}
.dy-due{display: inline-flex; align-items: center; gap: 3px;}
.dy-due svg{width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2;}
.dy-d2{display: none;}
.dy-steps{font-weight: 600;}
.dy-list-n{display: inline-flex; align-items: center; gap: 3px;}
.dy-list-n i{width: 6px; height: 6px; border-radius: 50%; background: #2f6fdb;}
.dy-ai{display: inline-flex; align-items: center; gap: 2px; font-style: normal; font-weight: 600; color: var(--g-ink);}
.dy-ai svg{width: 10px; height: 10px; fill: var(--g);}
.dy-hi{font-style: normal; font-weight: 600; color: #c9302c;}
.dy-flag{color: #d4d4dc; transition: color .25s;}
.dy-flag svg{width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; transition: transform .4s cubic-bezier(.3,1.8,.5,1);}
.dy-list li.is-flag .dy-flag{color: #e8590c;}
.dy-list li.is-flag .dy-flag svg{fill: currentColor;}
.dy-list li.is-flag.is-pulse .dy-flag svg{transform: scale(1.35) rotate(-8deg);}
.dy-list li.is-overdue:not(.is-done) .dy-due{color: #c9302c; font-weight: 600;}
.dy-list li.is-done .dy-box{background: var(--g); border-color: var(--g);}
.dy-list li.is-done .dy-box svg{opacity: 1; transform: none;}
.dy-list li.is-done .dy-tt b{color: var(--mu);}
.dy-list li.is-done .dy-tt b::after{width: 100%;}
.dy-list li.is-moved .dy-d1{display: none;}
.dy-list li.is-moved .dy-d2{display: inline; color: #2f6fdb; font-weight: 600;}
.dy-list li.is-new{animation: dyIn .55s cubic-bezier(.3,1.3,.5,1) both; background: var(--g-soft);}
.dy-list li.is-pulse{background: #f0f5ff;}
.dy-nav{flex: none; display: flex; align-items: center; gap: 8px;}
.dy-nav b{font-size: 13px; font-weight: 650; color: var(--t1);}
.dy-arw{display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; color: var(--mu); font-size: 16px; line-height: 1;}
.dy-today{margin-left: auto; padding: 4px 10px; border-radius: 8px; border: 1px solid var(--ln2); font-size: 11px; font-weight: 600; color: var(--t1);}
.dy-agenda{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px;}
.dy-agenda li{--ec: #2f6fdb; display: grid; grid-template-columns: 3px minmax(0, 1fr) auto; gap: 9px; align-items: stretch; padding: 5px 8px 5px 5px; border-radius: 10px;
  background: color-mix(in srgb, var(--ec) 7%, #fff); transition: opacity .4s var(--ease), background .4s var(--ease);}
.dy-agenda .c-purple{--ec: #7c5cff;}
.dy-agenda .c-green{--ec: #10a37f;}
.dy-agenda .c-teal{--ec: #0d9488;}
.dy-agenda i{border-radius: 3px; background: var(--ec);}
.dy-agenda li.is-conn i{background: none; border-left: 3px dashed var(--ec);}
.dy-e{min-width: 0;}
.dy-e b{display: block; font-size: 12.5px; font-weight: 650; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dy-e small{display: block; font-size: 10.5px; color: var(--mu); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dy-t{font-size: 11px; font-weight: 600; color: var(--t1); line-height: 1.3; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;}
.dy-t small{display: block; font-size: 10px; font-weight: 500; color: var(--mu);}
.dy-agenda li.is-past{opacity: .45;}
.dy-agenda li.is-new{animation: dyDrop .6s cubic-bezier(.3,1.3,.5,1) both; box-shadow: 0 0 0 2px var(--ec);}
@media (max-width: 1000px){.dy-toast{top: 40px; right: 8px;}
.dy-panel{height: 380px;}}
.wt-top{display: flex; align-items: center; gap: 18px; max-width: 1260px; margin-top: clamp(8px, 1.6vh, 16px); min-height: 42px;}
.wt-cap{flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; margin: 0; overflow: hidden;}
.wt-v{display: block; min-width: 0; font-size: clamp(19px, 1.9vw, 30px); font-weight: 650; letter-spacing: -.025em; line-height: 1.15; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wt-v.is-roll{animation: wtRoll .55s cubic-bezier(.22,1,.36,1) both;}
.wt-dept{--c: var(--accent); flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 10px; border-radius: 999px; background: #fff;
  box-shadow: 0 6px 16px rgba(15,39,64,.08), 0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent); font-size: clamp(12px, 1vw, 14px); font-weight: 650; color: var(--c); transition: color .4s var(--ease), box-shadow .4s var(--ease);}
.wt-dept::before{content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent); transition: background .4s var(--ease);}
.wt-k{flex: none; padding: 5px 10px; border-radius: 10px; background: var(--ink); color: #fff; font: 600 13px/1 var(--mono);}
.wt-track{--x: .1; position: relative; flex: 1 1 54%; height: 30px; border-radius: 999px; overflow: visible;}
.wt-sky{position: absolute; inset: 7px 0; border-radius: 999px; opacity: .55;
  background: linear-gradient(90deg, #ffcfa8 0%, #ffe3b8 12%, #cfe8ff 32%, #a9d4ff 55%, #cfe3ff 70%, #ffd29a 86%, #f59e6b 100%);}
.wt-fill{position: absolute; left: 0; top: 7px; bottom: 7px; width: calc(var(--x) * 100%); border-radius: 999px; opacity: .9;
  background: linear-gradient(90deg, #ffcfa8 0%, #ffe3b8 12%, #cfe8ff 32%, #a9d4ff 55%, #cfe3ff 70%, #ffd29a 86%, #f59e6b 100%); background-size: calc(100% / max(var(--x), .01)) 100%;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.6); transition: width 1.2s cubic-bezier(.22,1,.36,1), background-size 1.2s cubic-bezier(.22,1,.36,1);}
.wt-track ol{position: absolute; inset: 0; margin: 0; padding: 0; list-style: none;}
.wt-track li{position: absolute; left: calc(var(--x) * 100%); top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1.5px rgba(15,39,64,.25);}
.wt-track li small{position: absolute; left: 50%; top: 14px; transform: translateX(-50%); font: 500 10px/1 var(--mono); color: var(--ink-3); white-space: nowrap;}
.wt-sun{position: absolute; left: calc(var(--x) * 100%); top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fff7d6, #ffc24a 55%, #ff9f1c); box-shadow: 0 0 0 5px rgba(255,194,74,.22), 0 0 22px 6px rgba(255,170,40,.45);
  transition: left 1.2s cubic-bezier(.22,1,.36,1);}
.slide.is-active .wt-sun{animation: wtGlow 3.2s ease-in-out infinite;}
.ag{transform-origin: 50% 50%; transition: transform 1.1s cubic-bezier(.22,1,.36,1), transform-origin 1.1s cubic-bezier(.22,1,.36,1); will-change: transform;}
.ag[data-focus="chat"]{transform-origin: 0% 50%; transform: scale(1.018);}
.ag[data-focus="panel"]{transform-origin: 100% 50%; transform: scale(1.02);}
.ag[data-focus="chat"] .ag-panel, .ag[data-focus="panel"] .ag-chat{filter: saturate(.85); opacity: .78;}
.ag-chat, .ag-panel{transition: opacity .8s var(--ease), filter .8s var(--ease);}
.ag-panel.is-flash{animation: wtFlash 1.1s var(--ease-out);}
.deck.no-motion .ag, .deck .slide.is-settled .ag{transform: none !important;}
.deck.no-motion .ag .ag-chat, .deck.no-motion .ag .ag-panel, .deck .slide.is-settled .ag .ag-chat, .deck .slide.is-settled .ag .ag-panel{opacity: 1 !important; filter: none !important;}
@media (prefers-reduced-motion: reduce){.ag{transform: none !important;}
.ag-chat, .ag-panel{opacity: 1 !important; filter: none !important;}}
@media (min-width: 1600px) and (min-height: 900px){.ag{zoom: 1.14;}
.wt-top{max-width: 1440px;}}
@media (max-width: 1000px){.wt-top{flex-wrap: wrap; gap: 10px;}
.wt-track{flex: 1 1 100%;}
.wt-track{margin-bottom: 14px;}
.ag[data-focus]{transform: none;}
.ag[data-focus] .ag-chat, .ag[data-focus] .ag-panel{opacity: 1; filter: none;}}
.ag.wk{margin-inline: 2.2%;}
@media (max-width: 1000px){.ag.wk{margin-inline: 0;}}
.wk-top .wt-cap{flex: 0 1 56%; gap: 10px;}
.wk-top .wt-track{flex: 1 1 50%;}
.wk-top .wt-track li{width: 8px; height: 8px; margin: -4px 0 0 -4px; background: var(--c); box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(15,39,64,.25);}
.ag.wk .ag-win{grid-template-columns: 212px minmax(0, 1fr);}
.wk-rail{display: flex; flex-direction: column; gap: 0; padding: 10px 10px 0;}
.wk-rhead{flex: none; display: flex; align-items: center; height: 40px; padding: 0 4px; margin-bottom: 6px;}
.wk-logo{display: grid; place-items: center; height: 32px; padding: 0 10px; border-radius: 10px; background: var(--t1); color: #fff; font-size: 12px; font-weight: 750; letter-spacing: .06em;}
.wk-search svg, .wk-foot svg{width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
.wk-search{flex: none; display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border: 1px solid var(--ln2); border-radius: 12px; background: #fff; font-size: 12px; color: var(--mu);}
.wk-label{flex: none; margin: 0; padding: 11px 10px 5px; font-size: 11px; font-weight: 600; color: var(--mu);}
.wk-conv{flex: 1 1 auto; min-height: 0; margin: 0; padding: 0 0 8px; list-style: none; overflow: hidden;}
.wk-row{position: relative; display: flex; align-items: center; border-radius: 10px;}
.wk-conv-a{flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 30px 0 10px; border-radius: 10px; font-size: 12.5px; color: var(--t2);}
.wk-conv-a > span{min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wk-conv-a > span.is-roll{animation: wtRoll .5s cubic-bezier(.22,1,.36,1) both;}
.wk-pin{flex: none; width: 13px; height: 13px; fill: none; stroke: var(--g-ink); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round;}
.wk-row.is-active .wk-conv-a{background: #e9e9ed; color: var(--t1);}
.wk-more{position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--mu); opacity: 0;}
.wk-more svg{width: 14px; height: 14px; fill: currentColor;}
.wk-row.is-active .wk-more{opacity: 1;}
.wk-row.is-new{animation: wkRowIn .5s cubic-bezier(.22,1,.36,1) both;}
.wk-foot{flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 4px 10px; border-top: 1px solid var(--ln);}
.wk-foot span{display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--t2);}
.wk-foot i{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--mu);}
.wk-marks li{transition: transform .3s cubic-bezier(.3,1.6,.5,1), box-shadow .3s var(--ease);}
.wk-marks li.is-on{transform: scale(1.5); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--c);}
.wk-marks button{all: unset; position: absolute; inset: -9px; border-radius: 50%; cursor: pointer;}
.wk-marks button:focus-visible{outline: 2px solid var(--accent); outline-offset: 2px;}
.wk-marks li:hover{transform: scale(1.4);}
.ag-icons i.wk-ic-web.is-on, .ag-icons i.wk-ic-kb.is-on, .ag-icons i.wk-ic-apr.is-on{background: var(--g-soft); color: var(--g-ink);}
.ag-icons i.wk-ic-new.is-press{animation: wkPress .35s var(--ease-out);}
.pn-head{flex: none; display: flex; align-items: center; gap: 4px;}
.pn-t{flex: 1; min-width: 0; display: flex; flex-direction: column;}
.pn-t b{font-size: 13px; font-weight: 650; color: var(--t1);}
.pn-t small{display: flex; align-items: center; gap: 5px; font-size: 10.5px; color: var(--mu); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pn-t .ag-spin{display: block; width: 9px; height: 9px; border-width: 1.5px;}
.ag-layer.go.is-ok .pn-t .ag-spin, .ag-win.is-done .pn-t .ag-spin{display: none;}
.pn-web{flex-direction: row; align-items: center; gap: 6px;}
.pn-web svg, .wb2-bar svg, .wb2-tab svg, .wb2-plus svg{flex: none; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.pn-web svg{color: var(--mu);}
.wb2-tabs{flex: none; display: flex; align-items: center; gap: 4px; margin-top: -4px;}
.wb2-tab{min-width: 0; max-width: 78%; display: flex; align-items: center; gap: 6px; padding: 5px 8px 5px 10px; border-radius: 9px 9px 0 0; background: #fff; border: 1px solid var(--ln); border-bottom: 0; font-size: 11px; color: var(--t1);}
.wb2-tab b{min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wb2-tab svg{width: 11px; height: 11px; color: var(--mu);}
.wb2-tab .ag-spin{width: 9px; height: 9px; border-width: 1.5px;}
.ag-layer:not(.go) .wb2-tab .ag-spin{display: block;}
.wb2-plus{color: var(--mu); display: grid; place-items: center; width: 22px; height: 22px;}
.wb2-bar{flex: none; display: flex; align-items: center; gap: 8px; margin-top: -10px; padding: 6px 8px; border-radius: 0 10px 10px 10px; background: #fff; border: 1px solid var(--ln); color: var(--mu);}
.wb2-omni{flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #f1f3f6; font: 500 10.5px/1.2 var(--mono); color: var(--t2);}
.wb2-omni span{min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pn-seg{flex: none;}
.pn-tabs{flex: none; display: flex; gap: 14px; border-bottom: 1px solid var(--ln); font-size: 12px; color: var(--mu);}
.pn-tabs span{padding: 2px 0 7px;}
.pn-tabs .is-on{color: var(--t1); font-weight: 600; box-shadow: inset 0 -2px 0 var(--t1);}
.pn-tabs em{margin-left: 5px; padding: 0 5px; border-radius: 999px; background: var(--g-soft); color: var(--g-ink); font: 700 9.5px/15px var(--mono); font-style: normal;}
.wk-panel[data-panel="L"] .dy-p{opacity: 0; visibility: hidden;}
.wk-layer{background: #fafafb;}
.ag-chat.is-hop{animation: wkHop .6s cubic-bezier(.22,1,.36,1) both;}
.ag-me.is-hop{animation: wkMe .55s cubic-bezier(.3,1.6,.5,1) both;}
@media (max-width: 1000px){.wk-top .wt-cap, .wk-top .wt-track{flex: 1 1 100%;}
.wk-top .wt-dept{display: none;}
.wk-rail{display: none;}
.ag.wk .ag-win{grid-template-columns: minmax(0, 1fr);}}
.tp-top .wt-cap{flex: 1 1 auto;}
.tp-top .wt-dept{display: none;}
.tp-top .wt-k{padding: 6px 11px; font-size: 14px; letter-spacing: .02em;}
.tp-ready{--rc: var(--accent); flex: none; display: flex; align-items: center; gap: 10px; margin: 0; padding: 4px 15px 4px 4px; border-radius: 999px;
  background: rgba(255,255,255,.88); box-shadow: 0 10px 26px rgba(15,39,64,.1), 0 0 0 1px rgba(15,39,64,.08); transition: --rp 1.1s cubic-bezier(.22,1,.36,1);}
.tp-ring{position: relative; flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
  background: conic-gradient(var(--rc) calc(var(--rp) * 1%), rgba(15,39,64,.1) 0);}
.tp-ring::before{content: ""; position: absolute; inset: 4.5px; border-radius: 50%; background: #fff;}
.tp-ring svg{position: relative; width: 14px; height: 14px; fill: none; stroke: var(--rc); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round;
  opacity: 0; transform: scale(.3) rotate(-20deg); transition: opacity .3s var(--ease), transform .5s cubic-bezier(.3,1.6,.5,1);}
.tp-ready > span{display: flex; flex-direction: column;}
.tp-pct{counter-reset: rp var(--rp); font: 700 clamp(18px, 1.45vw, 22px)/1 var(--mono); letter-spacing: -.02em; color: var(--ink);}
.tp-pct::after{content: counter(rp) "%";}
.tp-ready small{margin-top: 2px; font-size: 10.5px; font-weight: 600; color: var(--ink-3);}
.tp-ready.is-full{--rc: #0f8a5f;}
.tp-ready.is-full .tp-pct{color: #0a6e55;}
.tp-ready.is-full .tp-ring svg{opacity: 1; transform: none;}
.slide.is-active .tp-ready.is-full{animation: tpFull 1.2s var(--ease-out);}
.tp-body{display: grid; grid-template-columns: clamp(188px, 16.5vw, 246px) minmax(0, 1fr); gap: clamp(18px, 1.9vw, 30px); max-width: 1260px; margin-top: clamp(10px, 1.8vh, 20px);}
.tp-body .ag.wk{min-width: 0; margin: 0 .8% 0 0;}
.ag.tp .ag-win{grid-template-columns: minmax(0, 1fr);}
.ag.tp .wk-rail{display: none;}
.tp-steps{--n: 10; --at: 0; position: relative; min-height: 0; margin: 0; padding: 6px 0; list-style: none; display: flex; flex-direction: column;}
.tp-steps::before, .tp-steps::after{content: ""; position: absolute; left: 20px; top: calc(6px + (100% - 12px) / var(--n) / 2); width: 2px; margin-left: -1px; border-radius: 2px;}
.tp-steps::before{bottom: calc(6px + (100% - 12px) / var(--n) / 2); background: rgba(15,39,64,.13);}
.tp-steps::after{height: calc((100% - 12px) / var(--n) * var(--at)); background: linear-gradient(180deg, var(--accent), var(--cyan-b)); box-shadow: 0 0 10px rgba(53,197,255,.5);
  transition: height 1s cubic-bezier(.22,1,.36,1);}
.tp-steps.is-full::after{background: linear-gradient(180deg, #10a37f, #0f8a5f); box-shadow: 0 0 10px rgba(16,163,127,.4);}
.tp-steps li{flex: 1 1 0; min-height: 0; display: flex; align-items: center;}
.tp-steps button{all: unset; box-sizing: border-box; position: relative; display: flex; align-items: center; gap: 12px; width: 100%; padding: 5px 12px 5px 6px; border-radius: 14px; cursor: pointer;
  transition: background .35s var(--ease), box-shadow .35s var(--ease), transform .15s var(--ease-out);}
.tp-steps button:hover{background: rgba(255,255,255,.6);}
.tp-steps button:active{transform: scale(.98);}
.tp-steps button:focus-visible{outline: 2px solid var(--accent); outline-offset: 2px;}
.tp-dot{position: relative; z-index: 1; flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1.5px rgba(15,39,64,.2);
  transition: background .45s var(--ease), box-shadow .45s var(--ease), transform .45s cubic-bezier(.3,1.6,.5,1);}
.tp-dot b{font: 700 11px/1 var(--mono); color: var(--ink-3); transition: opacity .2s var(--ease), transform .3s var(--ease);}
.tp-dot svg{position: absolute; width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round;
  opacity: 0; transform: scale(.3) rotate(-20deg); transition: opacity .25s var(--ease), transform .5s cubic-bezier(.3,1.6,.5,1);}
.tp-lbl{min-width: 0; font-size: clamp(13px, 1.02vw, 15.5px); font-weight: 600; letter-spacing: -.01em; line-height: 1.2; color: var(--ink-3); transition: color .35s var(--ease), opacity .35s var(--ease);}
.tp-steps li:not(.is-done):not(.is-on) .tp-lbl{opacity: .72;}
.tp-steps li.is-done .tp-dot{background: linear-gradient(135deg, var(--accent), var(--cyan-b)); box-shadow: 0 4px 10px rgba(0,113,227,.28);}
.tp-steps li.is-done .tp-dot b{opacity: 0; transform: scale(.4);}
.tp-steps li.is-done .tp-dot svg{opacity: 1; transform: none;}
.tp-steps li.is-done .tp-lbl{color: var(--ink-2);}
.tp-steps li.is-on button{background: rgba(255,255,255,.94); box-shadow: 0 12px 28px rgba(15,39,64,.12), 0 0 0 1px rgba(0,113,227,.22);}
.tp-steps li.is-on .tp-lbl{font-weight: 700; color: var(--ink);}
.tp-steps li.is-on:not(.is-done) .tp-dot{transform: scale(1.1); box-shadow: inset 0 0 0 2px var(--accent), 0 0 0 5px rgba(0,113,227,.12);}
.tp-steps li.is-on:not(.is-done) .tp-dot b{color: var(--accent);}
.tp-dot::before, .tp-dot::after{content: ""; position: absolute; border-radius: 50%; opacity: 0; pointer-events: none;}
.tp-dot::before{inset: -5px; background: conic-gradient(from 0deg, transparent 0 60%, var(--accent));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px));}
.tp-dot::after{inset: 0;}
.tp-steps li.is-on:not(.is-done) .tp-dot::before{opacity: 1; animation: flSpin .9s linear infinite;}
.tp-steps li.is-on:not(.is-done) .tp-dot::after{opacity: 1; animation: tpHalo 1.8s ease-out infinite;}
.tp-steps li.is-on.is-done .tp-dot{animation: tpTick .6s cubic-bezier(.3,1.6,.5,1);}
.tp-steps.is-full li .tp-dot{background: linear-gradient(135deg, #10a37f, #0f8a5f); box-shadow: 0 4px 10px rgba(16,163,127,.3); transition-delay: calc(var(--i) * 70ms);}
.tp-steps.is-full li.is-on button{box-shadow: 0 12px 28px rgba(15,39,64,.12), 0 0 0 1px rgba(16,163,127,.35);}
.slide.is-active .tp-steps li{animation: tpStepIn .7s cubic-bezier(.22,1,.36,1) both; animation-delay: calc(var(--d) + var(--i) * 55ms);}
@media (max-width: 1000px){.tp-top .wt-dept{display: inline-flex;}
.tp-body{grid-template-columns: minmax(0, 1fr); gap: 8px;}
.tp-body .ag.wk{margin: 0;}
.tp-steps{flex-direction: row; gap: 2px; padding: 0;}
.tp-steps::before, .tp-steps::after{display: none;}
.tp-steps button{justify-content: center; padding: 6px 0;}
.tp-lbl{display: none;}
.tp-dot{width: 24px; height: 24px;}}
.toast{top: auto; bottom: calc(76px + env(safe-area-inset-bottom)); right: calc(3vw + env(safe-area-inset-right)); transform: translateY(6px);}
@keyframes dmLive{50% { opacity: .25; }}
@keyframes dmDot{50% { transform: translateY(-3px); opacity: .5; }}
@keyframes bpDraw{to { stroke-dashoffset: 0; }}
@property --ring{syntax: '<number>'; inherits: false; initial-value: 0;}
@keyframes agIn{from { opacity: 0; transform: translateY(10px); }}
@keyframes flSpin{to { transform: rotate(360deg); }}
@keyframes flCaret{50% { opacity: 0; }}
@keyframes agFade{from { opacity: 0; }}
@keyframes agRise{from { opacity: 0; transform: translateY(8px); }}
@keyframes saGrow{from { transform: scaleY(0); }}
@keyframes saPulse{50% { box-shadow: 0 0 0 6px rgba(220,38,38,0); } 0% { box-shadow: 0 0 0 0 rgba(220,38,38,.4); }}
@keyframes saMail{from { opacity: 0; transform: translateX(28px) rotate(3deg); }}
@keyframes spScan{0% { top: -30%; opacity: 1; } 100% { top: 100%; opacity: 1; }}
@keyframes spBox{from { opacity: 0; transform: scale(1.35); }}
@keyframes hrRiffle{to { transform: translate(calc((var(--k) - 2.5) * 16px), -18px) rotate(calc((var(--k) - 2.5) * 14deg)); }}
@keyframes hrRing{from { --ring: 0; }}
@keyframes hrSlot{from { opacity: 0; transform: scale(.6); }}
@keyframes mkZoom{from { transform: scale(1.12); filter: saturate(.3) blur(3px); }}
@keyframes mkEn{0%, 27% { opacity: 1; } 30%, 90% { opacity: 0; } 94%, 100% { opacity: 1; }}
@keyframes mkBm{0%, 28% { opacity: 0; } 31%, 58% { opacity: 1; } 61%, 100% { opacity: 0; }}
@keyframes mkZh{0%, 59% { opacity: 0; } 62%, 89% { opacity: 1; } 92%, 100% { opacity: 0; }}
@keyframes mkTabEn{0%, 27% { background: #fff; color: var(--c); } 30%, 90% { background: transparent; color: var(--mu); box-shadow: none; } 94%, 100% { background: #fff; color: var(--c); }}
@keyframes mkTabBm{0%, 28% { background: transparent; color: var(--mu); } 31%, 58% { background: #fff; color: var(--c); box-shadow: 0 2px 6px rgba(15,39,64,.1); } 61%, 100% { background: transparent; color: var(--mu); }}
@keyframes mkTabZh{0%, 59% { background: transparent; color: var(--mu); } 62%, 89% { background: #fff; color: var(--c); box-shadow: 0 2px 6px rgba(15,39,64,.1); } 92%, 100% { background: transparent; color: var(--mu); }}
@keyframes qsCell{from { opacity: 0; transform: scale(.6); }}
@keyframes qsRing{from { opacity: 0; transform: scale(1.08); }}
@keyframes bpDraw{from { stroke-dashoffset: 900; } to { stroke-dashoffset: 0; }}
@keyframes bpScan{0% { opacity: 0; transform: translateX(0); } 8%, 88% { opacity: 1; } 100% { opacity: 0; transform: translateX(284px); }}
@keyframes bpPing{from { opacity: 0; transform: scale(2.2); }}
@keyframes prRace{from { transform: scaleX(0); }}
@keyframes prStrike{from { text-decoration-color: transparent; color: var(--t2); }}
@keyframes prWin{from { box-shadow: 0 0 0 0 rgba(15,138,95,0); }}
@keyframes mgDraw{from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; }}
@keyframes mgPulse{50% { r: 7; }}
@keyframes rsSweep{from { opacity: 1; transform: rotate(0); } to { opacity: 1; transform: rotate(360deg); }}
@keyframes rsPing{from { opacity: 0; background: #cbd5e1; transform: rotate(var(--a)) translateY(calc(var(--r) * var(--R) * -1.35)) scale(.3); }}
@keyframes rsCore{from { transform: scale(.4); opacity: 0; }}
@keyframes apDay{from { transform: scaleX(0); }}
@keyframes apRun{0% { left: 0; opacity: 0; } 15%, 85% { opacity: 1; } 100% { left: 100%; opacity: 0; }}
@keyframes brType{from { max-width: 0; }}
@keyframes brCur{0% { left: 92%; top: 100%; opacity: 0; } 12% { opacity: 1; } 30%, 55% { left: 30%; top: 58px; opacity: 1; } 75%, 90% { left: 88%; top: 58px; opacity: 1; } 100% { left: 88%; top: 58px; opacity: 0; }}
@keyframes brPress{50% { transform: scale(.9); }}
@keyframes ivLit{from { opacity: .35; filter: saturate(0); transform: scale(.94); }}
@keyframes ivDoc{from { opacity: 0; transform: translateY(24px) rotate(-1.5deg); }}
@keyframes ivTotal{0% { opacity: 0; transform: scale(.94); } 60% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent); }}
@keyframes mpIn{from { opacity: 0; transform: translateX(-18px); }}
@keyframes mpTab{from { opacity: 0; transform: translateX(-60px) scale(.5); }}
@keyframes wtDeptFlash{0% { transform: scale(.85); background: var(--c); color: #fff; box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 55%, transparent); }
  25% { transform: scale(1.14); background: var(--c); color: #fff; box-shadow: 0 0 0 10px color-mix(in srgb, var(--c) 0%, transparent); }
  45% { transform: scale(1); background: #fff; color: inherit; box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 45%, transparent); }
  65% { transform: scale(1.08); background: var(--c); color: #fff; box-shadow: 0 0 0 8px color-mix(in srgb, var(--c) 0%, transparent); }
  100% { transform: none; }}
@keyframes wtFeat{from { opacity: 0; transform: scale(.7); }}
@keyframes agWave{from { height: 18%; } to { height: 95%; }}
@keyframes agMic{50% { box-shadow: 0 0 0 6px rgba(212,72,59,.15); }}
@keyframes tpGrow{from { transform: scaleX(0); }}
@property --mp{syntax: '<number>'; inherits: false; initial-value: 0;}
@keyframes trRow{0%, 100% { background: transparent; } 12%, 88% { background: color-mix(in srgb, var(--c) 9%, #fff); }}
@keyframes rqPull{0% { opacity: 0; transform: translateX(34px) scale(.97); } 55% { opacity: 1; transform: none; background: color-mix(in srgb, var(--c) 13%, #fff); border-color: color-mix(in srgb, var(--c) 40%, #fff); }}
@keyframes cpArc{from { stroke-dasharray: 0 100; }}
@keyframes cpWait{0%, 94% { opacity: 1; } 100% { opacity: 0; }}
@keyframes cpFlip{from { opacity: 0; transform: perspective(200px) rotateX(90deg) scale(.8); }}
@keyframes gpScan{0% { opacity: 1; transform: translateX(-100%); } 90% { opacity: 1; } 100% { opacity: 0; transform: translateX(640%); }}
@keyframes gpLit{from { background: #f0f0f3; box-shadow: inset 0 0 0 1px var(--ln); transform: scale(.6); }}
@keyframes gpMiss{50% { box-shadow: inset 0 0 0 1.5px #e5534b, 0 0 0 4px rgba(229,83,75,.28); transform: scale(1.12); }}
@keyframes dfType{from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); }}
@keyframes mtScan{0% { opacity: .2; } 30% { opacity: 1; background: color-mix(in srgb, var(--c) 55%, #fff); transform: scale(1.3); }}
@keyframes mtHit{0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 50%, transparent); } 100% { box-shadow: 0 0 0 10px transparent; }}
@keyframes mtCard{from { opacity: 0; transform: translateY(14px) scale(.96); }}
@keyframes mtRing{from { --mp: 0; }}
@keyframes dcScan{0% { top: 12%; opacity: 1; } 92% { opacity: 1; } 100% { top: 100%; opacity: 0; }}
@keyframes dcBad{0% { background: transparent; box-shadow: none; } 20% { transform: translateX(-4px); } 40% { transform: translateX(4px); } 60% { transform: translateX(-2px); } 80% { transform: translateX(1px); }}
@keyframes auArc{from { stroke-dasharray: 0 100; }}
@keyframes auGlow{from { box-shadow: 0 0 0 0 rgba(16,163,127,.45); } to { box-shadow: 0 0 0 22px rgba(16,163,127,0); }}
@keyframes auStamp{from { opacity: 0; transform: rotate(-14deg) scale(1.9); }}
@keyframes dyRing{25% { transform: rotate(14deg); } 75% { transform: rotate(-14deg); }}
@keyframes dyIn{from { opacity: 0; transform: translateX(-22px); }}
@keyframes dyDrop{from { opacity: 0; transform: translateY(-14px) scale(.96); }}
@keyframes wtRoll{from { opacity: 0; transform: translateY(70%); filter: blur(4px); }}
@keyframes wtGlow{50% { box-shadow: 0 0 0 8px rgba(255,194,74,.14), 0 0 30px 10px rgba(255,170,40,.35); }}
@keyframes wtFlash{0% { box-shadow: inset 0 0 0 0 rgba(16,163,127,0); } 30% { box-shadow: inset 0 0 0 3px rgba(16,163,127,.55); } 100% { box-shadow: inset 0 0 0 0 rgba(16,163,127,0); }}
@keyframes wkPress{40% { transform: scale(.95); background: #f0f0f3; }}
@keyframes wkRowIn{from { max-height: 0; opacity: 0; transform: translateY(-8px); } to { max-height: 40px; opacity: 1; transform: none; }}
@keyframes wkHop{0% { opacity: .2; transform: translateX(-14px); filter: blur(3px); } 100% { opacity: 1; transform: none; filter: none; }}
@keyframes wkMe{from { transform: scale(.4); opacity: 0; }}
@property --rp{syntax: '<integer>'; inherits: true; initial-value: 0;}
@keyframes tpFull{0% { box-shadow: 0 10px 26px rgba(15,39,64,.1), 0 0 0 1px rgba(16,163,127,.4), 0 0 0 0 rgba(16,163,127,.4); } 100% { box-shadow: 0 10px 26px rgba(15,39,64,.1), 0 0 0 1px rgba(15,39,64,.08), 0 0 0 16px rgba(16,163,127,0); }}
@keyframes tpHalo{from { box-shadow: 0 0 0 0 rgba(0,113,227,.35); } to { box-shadow: 0 0 0 15px rgba(0,113,227,0); }}
@keyframes tpTick{0% { transform: scale(.7); } 60% { transform: scale(1.2); } 100% { transform: scale(1); }}
@keyframes tpStepIn{from { opacity: 0; transform: translateX(-18px); filter: blur(4px); }}