.track-title{text-align:center}.track-form{background:var(--white);border-radius:24px;gap:14px;margin-bottom:18px;padding:22px 18px;display:grid;box-shadow:0 6px 24px #10182814}.track-intro{color:var(--muted);margin:0;font-size:14px}.track-form input[dir=ltr]:first-of-type{text-transform:uppercase}.track-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.track-form input{border:1px solid var(--line);background:var(--white);border-radius:12px;height:48px;padding-inline:14px;font-size:16px}.track-btn{background:var(--brand);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:50px;font-size:16px;font-weight:700;display:flex}.track-btn:disabled{opacity:.6}.track-err{color:#b42318;background:#fef0ef;border-radius:12px;padding:12px 14px}.track-result{border:1px solid var(--line);border-radius:var(--r-box);padding:16px}.track-result h2{color:var(--brand-dark);margin:2px 0 4px;font-size:22px}.track-result h2[data-final]{color:#b42318}.track-no{color:var(--muted);margin:0;font-size:13px}.track-hint{margin:0 0 14px}.track-steps{text-align:center;color:var(--muted);grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 16px;padding:0;font-size:12px;list-style:none;display:grid}.track-steps li{justify-items:center;gap:6px;display:grid}.track-steps li span{background:var(--bg);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.track-steps li[data-done]{color:var(--ink)}.track-steps li[data-done] span{background:var(--brand);color:#fff}.track-steps li[data-now]{font-weight:700}.track-meta{gap:8px;margin:0 0 14px;display:grid}.track-meta div{justify-content:space-between;gap:12px;font-size:14px;display:flex}.track-meta dt{color:var(--muted)}.track-meta dd{text-align:end;margin:0}.track-wa{color:var(--brand-dark);font-weight:600;text-decoration:underline}
