.gg-trk{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow);padding:20px 16px;margin:0 0 20px;position:relative;overflow:hidden}.gg-trk:before{content:"";position:absolute;inset:0;background:radial-gradient(110% 80% at 100% 0,var(--gold-soft),transparent 60%);pointer-events:none}.gg-trk>*{position:relative}.gg-trk h2{font-size:18px;margin:0 0 16px}.gg-trk.is-sent h2{color:var(--green)}.gg-trk__steps{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.gg-trk__steps:before{content:"";position:absolute;top:10px;inset-inline:12.5%;height:3px;background:repeating-linear-gradient(to left,var(--line) 0 7px,transparent 7px 11px);border-radius:3px}.gg-trk__steps:after{content:"";position:absolute;top:10px;inset-inline-start:12.5%;height:3px;width:calc(75% * var(--at) / 3);background:linear-gradient(to left,var(--gold),#d38418);border-radius:3px;animation:gg-trk-grow 1.1s cubic-bezier(.3,.9,.3,1) both}@keyframes gg-trk-grow{0%{width:0}}.gg-trk__steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;line-height:1.5;color:var(--muted);z-index:1}.gg-trk__steps i{width:23px;height:23px;border-radius:50%;background:var(--sunk);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.gg-trk__steps li.is-done{color:var(--ink-2)}.gg-trk__steps li.is-done i{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.4l2.4 2.3 5-5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat;box-shadow:0 0 0 1px var(--gold)}.gg-trk__steps li.is-now{color:var(--ink);font-weight:700}.gg-trk__steps li.is-now i{background:var(--brand);box-shadow:0 0 0 3px var(--gold-soft),0 0 0 4px var(--gold);animation:gg-trk-pulse 2.2s ease-in-out infinite}@keyframes gg-trk-pulse{50%{box-shadow:0 0 0 7px #c39a3e24,0 0 0 8px #c39a3e80}}.gg-trk.is-sent .gg-trk__steps li.is-now i{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}.gg-trk__code{margin-top:16px;border:1.5px dashed var(--gold);border-radius:var(--r-m);background:#fffdf8;padding:14px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;animation:gg-trk-in .6s .3s cubic-bezier(.3,1.3,.5,1) both}@keyframes gg-trk-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.gg-trk__code span{font-size:13px;color:var(--muted)}.gg-trk__code b{font-size:20px;letter-spacing:1.5px;font-variant-numeric:tabular-nums;word-break:break-all}.gg-trk__code small{font-size:12px;color:var(--muted)}.gg-trk__btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0}.gg-trk__wait{margin:14px 0 0;font-size:13.5px;color:var(--ink-2);text-align:center}.gg-trkq{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow);padding:18px 16px;margin:0 0 20px;max-width:520px}.gg-trkq label{display:block;font-weight:600;font-size:13.5px;margin-bottom:5px}.gg-trkq input{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--line);padding:10px 12px;font-size:15px}.gg-trkq input:focus{border-color:var(--gold);outline:none}.gg-trkq__err{color:var(--red);font-size:13.5px;margin:0}@media(prefers-reduced-motion:reduce){.gg-trk__steps:after,.gg-trk__code,.gg-trk__steps li.is-now i{animation:none}}.gg-trk a.g-btn,.gg-trk .g-btn{text-decoration:none}
