[data-v3x]{width:100%;max-width:620px;margin:0 auto;font-size:12.5px;position:relative}[data-v3x] .x-card{z-index:2;border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;position:relative;box-shadow:0 30px 50px -28px #0d381473}[data-v3x] .x-hd{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}[data-v3x] .x-hd small{font:600 10px/1 var(--mono);letter-spacing:.08em;color:var(--g700)}[data-v3x] .x-hd b{margin:4px 0 2px;font-size:15.5px;display:block}[data-v3x] .x-hd>div>span{color:var(--muted);font-size:11px}[data-v3x] .x-auto{background:var(--g800);color:#fff;border-radius:10px;flex:none;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .3s;display:inline-flex}[data-v3x] .x-auto .i{width:13px;height:13px}[data-v3x] .x-auto.press{transform:scale(.94);box-shadow:0 0 0 5px #2ea1404d}[data-v3x] .x-bar{margin:12px 0 8px}[data-v3x] .x-bt{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:11.5px;display:flex}[data-v3x] .x-bt b{color:var(--ink);font-variant-numeric:tabular-nums}[data-v3x] .x-track{background:var(--line2);border-radius:9px;height:9px;overflow:hidden}[data-v3x] .x-track i{border-radius:inherit;background:linear-gradient(90deg,var(--g800),var(--g500));width:12%;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}[data-v3x] .x-q{background:var(--g50);color:var(--g800);border:1px solid #d3ebd7;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}[data-v3x] .x-rows{gap:6px;display:grid}[data-v3x] .x-row{border:1px solid var(--line2);border-radius:11px;grid-template-columns:28px 1.2fr 1fr 60px;align-items:center;gap:9px;padding:7px 9px;transition:background .3s,border-color .3s;display:grid}[data-v3x] .x-row .av{background:var(--g100);width:28px;height:28px;color:var(--g800);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}[data-v3x] .x-row .nm b{font-size:12.5px;display:block}[data-v3x] .x-row .nm em{color:var(--g800);font-size:10.5px;font-style:normal;font-weight:700}[data-v3x] .x-row .gp{color:var(--muted);font-size:10.5px}[data-v3x] .x-row .gp b{color:var(--ink);font-size:12px;display:block}[data-v3x] .x-row .st{color:var(--muted);justify-self:end;font-size:11px;font-weight:700}[data-v3x] .x-row.aw{background:var(--g50);border-color:#bfdcc5}[data-v3x] .x-row.aw .st{color:var(--g800)}[data-v3x] .x-ver{border-top:1px dashed var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px;padding-top:7px;display:grid}[data-v3x] .x-ver span{background:var(--bg2);color:var(--ink2);opacity:.35;border-radius:7px;align-items:center;gap:6px;padding:5px 7px;font-size:11px;transition:opacity .3s,background .3s;display:flex}[data-v3x] .x-ver span.ok{opacity:1;box-shadow:0 0 0 1px var(--line);background:#fff}[data-v3x] .x-ver span i{font-style:normal;font:700 8.5px/1 var(--mono);letter-spacing:.04em;border-radius:4px;flex:none;padding:3px 5px}[data-v3x] .x-ver i.s-sis{color:#2f5e9e;background:#eef3fb}[data-v3x] .x-ver i.s-app{color:#8a5a0c;background:#fff3dc}[data-v3x] .x-ver span em{color:var(--g800);opacity:0;margin-left:auto;font-style:normal;font-weight:800;transition:opacity .2s}[data-v3x] .x-ver span.ok em{opacity:1}[data-v3x] .x-srcs{z-index:3;gap:8px;display:grid;position:absolute}[data-v3x] .x-src{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;padding:9px 11px;font-size:11px;transition:box-shadow .3s,border-color .3s,transform .3s;display:grid;box-shadow:0 14px 26px -18px #10281473}[data-v3x] .x-src b{font:700 10px/1 var(--mono);letter-spacing:.06em;align-items:center;gap:6px;display:flex}[data-v3x] .x-src b i{border-radius:50%;width:7px;height:7px}[data-v3x] .x-src.src-sis b{color:#2f5e9e}[data-v3x] .x-src.src-sis b i{background:#2f5e9e}[data-v3x] .x-src.src-app b{color:#8a5a0c}[data-v3x] .x-src.src-app b i{background:#c8741a}[data-v3x] .x-src span{color:var(--muted)}[data-v3x] .x-src.pulse{border-color:#a9d7b2;transform:translate(3px);box-shadow:0 0 0 4px #2ea14024,0 14px 26px -18px #10281473}[data-v3x] svg.x-wires{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-v3x] .x-notes{gap:7px;display:grid}[data-v3x] .x-note{opacity:0;border-radius:13px;align-items:flex-start;gap:9px;padding:9px 11px;font-size:11.5px;line-height:1.35;transition:all .4s cubic-bezier(.3,1.3,.5,1);display:flex;transform:translateY(8px)scale(.97);box-shadow:0 16px 28px -16px #0006}[data-v3x] .x-note.on{opacity:1;transform:none}[data-v3x] .x-note .ic{border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}[data-v3x] .x-note .ic .i{width:13px;height:13px}[data-v3x] .x-note small{opacity:.75;margin-bottom:2px;font-size:10px;display:block}[data-v3x] .x-note.sms{background:var(--g500);color:#06200b}[data-v3x] .x-note.sms .ic{background:#ffffff59}[data-v3x] .x-note.mail{color:var(--ink2);border:1px solid var(--line);background:#fff}[data-v3x] .x-note.mail .ic{background:var(--g100);color:var(--g800)}[data-v3x] .x-strip{background:var(--bg2);color:var(--muted);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:9px 11px;font-size:11.5px;display:flex}[data-v3x] .x-strip b{color:var(--ink)}[data-v3x] .x-strip .ch{gap:6px;display:flex}[data-v3x] .x-strip .ch span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex}[data-v3x] .x-strip .ch span.on{background:var(--g800);border-color:var(--g800);color:#fff}[data-v3x] .x-strip .ch .i{width:12px;height:12px}[data-v3x] .x-phone{z-index:4;background:#111;border-radius:24px;width:150px;padding:6px;position:absolute;box-shadow:0 26px 40px -18px #0000008c}[data-v3x] .x-phone .s{background:#f3f5f3;border-radius:19px;flex-direction:column;gap:6px;min-height:230px;padding:22px 8px 10px;display:flex}[data-v3x] .x-phone .t{text-align:center;color:var(--muted);margin-bottom:4px;font-size:9.5px}[data-v3x] .x-phone .x-note{border-radius:12px;padding:8px 9px;font-size:10.5px}[data-v3x] .x-phone .x-note .ic{display:none}[data-v3x] .x-sync{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}[data-v3x] .x-sync span{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-weight:600;display:inline-flex}[data-v3x] .x-sync span i{background:var(--g500);border-radius:50%;width:7px;height:7px;animation:1.6s infinite v2pulse;box-shadow:0 0 #2ea14099}.v3x-a{padding-left:150px}.v3x-a .x-srcs{width:132px;top:90px;left:0}.v3x-a .x-notes{grid-template-columns:1.5fr 1fr;align-items:start;margin-top:12px;position:relative}.v3x-b .x-ver{grid-template-columns:1fr 1fr}.v3x-c{padding-right:136px}.v3x-c .x-phone{bottom:-24px;right:0}@media (width<=640px){.v3x-a{padding-left:0}.v3x-a .x-srcs{grid-template-columns:1fr 1fr;width:auto;margin-bottom:10px;position:relative;top:auto;left:auto}.v3x-a svg.x-wires{display:none}.v3x-a .x-notes{grid-template-columns:1fr;align-items:start;margin-top:12px;position:relative}.v3x-c{padding-right:0}.v3x-c .x-phone{margin:12px auto 0;position:relative;bottom:auto;right:auto}[data-v3x] .x-row{grid-template-columns:26px 1fr 56px}[data-v3x] .x-row .gp{display:none}[data-v3x] .x-ver span{padding:5px;font-size:10.5px}[data-v3x] .x-phone{width:240px}[data-v3x] .x-phone .s{min-height:0}}[data-v3x] .x-row.blk{background:#fff6ec;border-color:#f1d3ae}[data-v3x] .x-row.blk .st{color:var(--amber)}[data-v3x] .x-toast{color:#8a4b0c;opacity:0;background:#fff6ec;border:1px solid #f1d3ae;border-radius:10px;align-items:center;gap:7px;margin-top:8px;padding:8px 11px;font-size:11.5px;font-weight:600;transition:all .35s;display:flex;transform:translateY(4px)}[data-v3x] .x-toast.on{opacity:1;transform:none}[data-v3x] .x-toast .i{flex:none;width:13px;height:13px}.v3x-d .x-srcs{width:140px;top:40px}.v3x-d .x-phone{width:146px;top:236px;left:0}.v3x-d .x-phone .s{min-height:300px}.v3x-d .x-note,.v3x-d .x-note.sms,.v3x-d .x-note.mail{color:var(--ink2);border:1px solid var(--line);background:#fff;box-shadow:0 8px 16px -12px #00000059}.v3x-d .x-note small{color:var(--g700);opacity:1;font-weight:600}@media (width<=640px){.v3x-d{padding-left:0}.v3x-d .x-srcs{width:auto;position:relative;top:auto}.v3x-d .x-phone{width:240px;margin:14px auto 0;position:relative;top:auto;left:auto}.v3x-d svg.x-wires{display:none}}.v3x-d{padding-left:190px}.v3x-d .x-srcs{width:168px}.v3x-d .x-phone{aspect-ratio:9/19.5;border-radius:30px;width:172px;padding:7px;top:228px}.v3x-d .x-phone .s{border-radius:24px;height:100%;min-height:0;padding:26px 9px 10px;overflow:hidden}.v3x-d .x-phone .s:before{content:"";background:#111;border-radius:99px;width:46px;height:12px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.v3x-d .x-phone{overflow:hidden}@media (width<=640px){.v3x-d{padding-left:0}.v3x-d .x-srcs{width:auto}.v3x-d .x-phone{width:220px;top:auto}}.v3x-d .x-phone .s{position:relative}
