.dx-fig .dx-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 560}.dx-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.dx{width:960px;height:560px}.dx .dx-ok{color:var(--ag-mint-2);background:var(--ag-mint-soft)}.dx .dx-muted{color:var(--ag-muted);background:#eef0f4}.dx-cn{position:absolute;left:20px;top:36px;width:310px;height:488px;background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #0e16330f,0 12px 28px -8px #0e16332e,0 40px 80px -24px #0e163340}.dx-cn-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dx-cn-h b{display:block;font-size:15px;font-weight:800}.dx-cn-h small{font-size:11px;color:var(--ag-muted)}.dx-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-top:1px solid var(--ag-line);font-size:11.5px;border-radius:8px;transition:background .4s}.dx-row b{font-variant-numeric:tabular-nums;font-weight:800}.dx-row>span{color:var(--ag-muted)}.dx-state{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;display:inline-grid}.dx-state>span{grid-area:1 / 1;transition:opacity .3s}.dx-target .dx-state{color:#6e4508;background:#f1ddb6}.dx-target{background:#fff6f4}.dx-st-a{opacity:0}.dx-send{margin-top:auto;background:var(--ag-paper);border-radius:12px;padding:12px;display:grid;gap:7px}.dx-send-t{font-size:12.5px;font-weight:800}.dx-send-n{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ag-muted);font-weight:700}.dx-send-n .ag-ico{width:14px;height:14px}.dx-msg{font-size:11px;line-height:1.5;background:#fff;border:1px solid var(--ag-line);border-radius:10px;padding:9px 10px}.dx-btn{height:38px;border-radius:12px;background:var(--ag-mint-2);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;transition:background .3s,transform .15s}.dx-btn>span{grid-area:1 / 1;display:flex;align-items:center;gap:6px;transition:opacity .25s}.dx-btn .ag-ico{width:14px;height:14px;stroke-width:2.6}.dx-btn-a{opacity:0}.dx-mid{position:absolute;left:356px;top:48px;width:290px;display:grid;gap:10px}.dx-sec{font-size:10.5px;font-weight:800;color:var(--ag-muted);letter-spacing:.06em;text-transform:uppercase}.dx-grid{display:block}.dx-grid rect{fill:#dde2ea;transition:fill .35s var(--d)}.dx-grid .dx-push{fill:var(--ag-mint)}.dx-grid .dx-sms{fill:#c47f17}.dx-key{display:flex;gap:14px;font-size:10.5px;color:var(--ag-muted);font-weight:700}.dx-key span{display:flex;align-items:center;gap:6px}.dx-key i{width:9px;height:9px;border-radius:2.5px}.dx-k-push{background:var(--ag-mint)}.dx-k-sms{background:#c47f17}.dx-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.dx-stats>div{background:#fff;border:1px solid var(--ag-line);border-radius:12px;padding:9px 12px}.dx-stats span{display:block;font-size:10px;font-weight:700;color:var(--ag-muted)}.dx-stats b{font-size:22px;font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.dx-phone{position:absolute;left:684px;top:12px;width:248px;height:536px}.dx-ph{left:0;top:0;transform:scale(.92);transform-origin:0 0}.dx-scr{position:absolute;inset:0;transition:opacity .45s,transform .5s cubic-bezier(.65,0,.35,1)}.dx-lock{background:radial-gradient(120% 70% at 80% 0%,#3a7c8c,#3a7c8c00 60%),linear-gradient(170deg,#1d3f4e,#0f2430);color:#fff;display:flex;flex-direction:column;align-items:center;opacity:0}.dx-light{color:#fff;align-self:stretch}.dx-date{margin-top:26px;font-size:13px;font-weight:700;opacity:.85}.dx-clock{font-size:66px;font-weight:300;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.dx-note{margin-top:30px;width:calc(100% - 20px);display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:start;background:#ffffffe0;color:var(--ag-ink);border-radius:18px;padding:11px 12px;font-size:11px;line-height:1.4;box-shadow:0 10px 30px -10px #00000080;transition:opacity .4s,transform .55s cubic-bezier(.22,1.2,.36,1)}.dx-note b{display:block;font-size:11.5px;font-weight:800}.dx-note small{font-size:9.5px;color:var(--ag-muted)}.dx-pick,.dx-done{background:var(--ag-paper)}.dx-pick{opacity:0}.dx-pad{padding:4px 16px 0;display:grid;gap:10px}.dx-alert{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;color:#6e4508;background:#f1ddb6;border-radius:10px;padding:8px 10px}.dx-alert .ag-ico{width:14px;height:14px}.dx-ttl{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.dx-sub{display:block;font-size:11px;color:var(--ag-muted);margin-top:-4px}.dx-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1.5px solid transparent;border-radius:14px;padding:11px 12px;box-shadow:0 1px 2px #0e16330d,0 6px 14px -8px #0e16332e;transition:border-color .3s,transform .2s}.dx-opt b{display:block;font-size:12.5px;font-weight:800}.dx-opt small{font-size:10px;color:var(--ag-muted)}.dx-opt em{font-style:normal;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap}.dx-okay{justify-items:center;text-align:center;padding-top:34px}.dx-okay svg{width:66px;height:66px}.dx-okay circle{fill:var(--ag-mint-soft);stroke:var(--ag-mint);stroke-width:3}.dx-okay polyline{fill:none;stroke:var(--ag-mint-2);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60}.dx-okay .dx-sub{margin:0}.dx-tkt{margin-top:8px;width:100%;background:#fff;border-radius:16px;padding:12px 14px;display:grid;gap:8px;text-align:left;box-shadow:0 1px 2px #0e16330d,0 10px 22px -12px #0e163340}.dx-tkt span{display:flex;justify-content:space-between;font-size:11.5px}.dx-tkt small{color:var(--ag-muted);font-size:11px}.dx-tkt b{font-weight:800}.dx.dx-armed:not(.x1) .dx-target .dx-st-a{opacity:1}.dx.dx-armed:not(.x1) .dx-target .dx-st-b{opacity:0}.dx.dx-armed:not(.x1) .dx-target .dx-state{color:var(--ag-mint-2);background:var(--ag-mint-soft)}.dx.dx-armed:not(.x1) .dx-target{background:transparent}.dx.dx-armed:not(.x2) .dx-btn-a{opacity:1}.dx.dx-armed:not(.x2) .dx-btn-b{opacity:0}.dx.dx-armed:not(.x2) .dx-btn{background:var(--ag-forest)}.dx.dx-armed:not(.x2) .dx-grid rect{fill:#dde2ea}.dx.dx-armed .dx-pick,.dx.dx-armed .dx-done{opacity:0;transform:translate(30px)}.dx.dx-armed .dx-lock{opacity:1}.dx.dx-armed:not(.x3) .dx-note{opacity:0;transform:translateY(-40px)}.dx.dx-armed.x4 .dx-lock{opacity:0;transform:scale(1.06)}.dx.dx-armed.x4 .dx-pick{opacity:1;transform:none}.dx.dx-armed.x5 .dx-opt-t{border-color:var(--ag-forest);transform:scale(.98)}.dx.dx-armed.x6 .dx-pick{opacity:0;transform:translate(-30px)}.dx.dx-armed.x6 .dx-done{opacity:1;transform:none}.dx.dx-armed.x6 .dx-okay polyline{animation:dx-draw .6s ease-out .35s both}.dx.dx-armed.x6 .dx-tkt{animation:ag-rise .5s cubic-bezier(.22,1,.36,1) .5s both}@keyframes dx-draw{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}.dx.dx-narrow{width:340px;height:760px}.dx.dx-narrow .dx-cn,.dx.dx-narrow .dx-grid,.dx.dx-narrow .dx-key,.dx.dx-narrow .dx-sec{display:none}.dx.dx-narrow .dx-phone{left:46px;top:4px}.dx.dx-narrow .dx-mid{left:10px;top:540px;width:320px}.ag-dark .ag-ph-scr .dx-opt,.ag-dark .ag-ph-scr .dx-tkt{background:var(--ag-card);box-shadow:none}.ag-dark .ag-ph-scr .dx-note{background:#1e284aeb;color:var(--ag-ink)}.ag-dark .ag-ph-scr .dx-alert{background:#c47f1733;color:#e6b566}.ag-dark .ag-ph-scr .dx-okay circle{fill:#44abb92e}