.wcon{--wd-w-wide:760;--wd-ar-wide:6/5;--wd-w-compact:600;--wd-ar-compact:5/6;--wd-w-narrow:480;--wd-ar-narrow:3/4}.wcon .wd-frame{background:var(--wash)}.wcon .wd-cam{justify-content:center;align-items:center}.wcon-card{width:min(calc(var(--u)*520),calc(100% - var(--u)*40));padding:calc(var(--u)*30)calc(var(--u)*30)calc(var(--u)*24);border-radius:calc(var(--u)*24);background:var(--quiet);box-shadow:0 0 0 1px var(--line),0 calc(var(--u)*24)calc(var(--u)*50)calc(var(--u)*-30)#0a0a0a66;position:relative;overflow:hidden}.wcon-stripe{grid-template-columns:repeat(6,1fr);height:3px;display:grid;position:absolute;inset:0 0 auto}.wcon-link{justify-content:center;align-items:center;gap:calc(var(--u)*10);display:flex}.wcon-tile{width:calc(var(--u)*56);height:calc(var(--u)*56);border:1px solid var(--line);border-radius:calc(var(--u)*18);background:var(--paper);place-items:center;display:grid}.wcon-tile svg{width:calc(var(--u)*26);height:calc(var(--u)*26)}.wcon-tile--ink{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.wcon-cable{width:calc(var(--u)*64);border-top:2px dashed var(--line-2);height:0;position:relative}.wcon-spark{top:calc(var(--u)*-4);width:calc(var(--u)*7);height:calc(var(--u)*7);opacity:0;background:#16a34a;border-radius:999px;position:absolute;left:0}.wcon-caption{margin-top:calc(var(--u)*12);text-align:center;font-size:calc(var(--u)*13.5);font-weight:500}.wcon-bars{gap:calc(var(--u)*5);margin-top:calc(var(--u)*20);grid-template-columns:repeat(4,1fr);display:grid}.wcon-bars span{height:calc(var(--u)*4);background:var(--ink);border-radius:999px}.wcon-step{margin-top:calc(var(--u)*16);font-size:calc(var(--u)*12)}.wcon-h{margin-top:calc(var(--u)*3);font-size:calc(var(--u)*21);letter-spacing:-.02em;font-weight:500}.wcon-note{margin-top:calc(var(--u)*3)}.wcon-scopes{gap:calc(var(--u)*8);margin-top:calc(var(--u)*14);display:grid}.wcon-scope{align-items:center;gap:calc(var(--u)*12);min-height:calc(var(--u)*50);padding:0 calc(var(--u)*14);border:1px solid var(--line-2);border-radius:calc(var(--u)*16);background:var(--paper);font-size:calc(var(--u)*13.5);font-weight:500;display:flex;position:relative}.wcon-ring{border:1.5px solid var(--ink);border-radius:inherit;position:absolute;inset:-1px}.wcon-box{width:calc(var(--u)*20);height:calc(var(--u)*20);border:1.5px solid var(--line-2);border-radius:calc(var(--u)*6);flex:none;place-items:center;display:grid;position:relative}.wcon-tick{display:flex;position:absolute;inset:-1.5px}.wcon-tick svg{width:100%;height:100%;padding:calc(var(--u)*3);border-radius:calc(var(--u)*6);background:var(--ink);color:var(--on-ink);stroke-width:3px}.wcon-tag{height:calc(var(--u)*20);font-size:calc(var(--u)*10.5)}.wcon-scope--untick .wcon-ring,.wcon-scope--untick .wcon-tick{opacity:0}.wcon-actions{align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*18);display:flex}.wcon-actions .wd-btn{height:calc(var(--u)*40);padding:0 calc(var(--u)*20);font-size:calc(var(--u)*14)}.wcon-fine{margin-top:calc(var(--u)*14);font-size:calc(var(--u)*11.5)}.wcon-spark{animation:2.4s ease-in-out infinite wcon-spark}@keyframes wcon-spark{0%{opacity:0;transform:translate(0)}20%,80%{opacity:1}to{opacity:0;transform:translateX(calc(var(--u)*58))}}