.track{padding-top:var(--space-8);padding-bottom:var(--space-10)}.track__inner{max-width:760px;margin-inline:auto}.track__head{text-align:center;margin-bottom:var(--space-7)}.track__eyebrow{font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary-deep)}.track__title{font-size:clamp(2.1rem, 4.4vw, 3.1rem);margin-top:var(--space-3)}.track__sub{margin-top:var(--space-4);color:var(--color-ink-soft);font-size:1.08rem;max-width:48ch;margin-inline:auto}.track-form{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(24px, 4vw, 40px)}.track-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.track-form__field{position:relative}.track-form__field--full{grid-column:1 / -1}.track-form__label{display:block;font-size:.82rem;font-weight:600;color:var(--color-ink-soft);margin-bottom:var(--space-2)}.track-form__input{width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:1rem;color:var(--color-ink);background:var(--color-bg);border:1.5px solid var(--color-line);border-radius:var(--radius-sm);padding:15px 16px;transition:border-color 0.2s var(--ease),box-shadow 0.2s var(--ease),background-color 0.2s var(--ease);-webkit-appearance:none;appearance:none}.track-form__input::placeholder{color:var(--color-ink-faint)}.track-form__input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-primary-tint)}.track-form__input.is-invalid{border-color:var(--color-peach-deep)}.track-form__error{font-size:.78rem;color:var(--color-peach-deep);margin-top:6px;opacity:0;transition:opacity 0.2s var(--ease)}.track-form__field.is-invalid .track-form__error{opacity:1}.track-form__submit{width:100%;margin-top:var(--space-3)}.track-form__hint{display:flex;align-items:center;gap:var(--space-2);justify-content:center;margin-top:var(--space-4);font-size:.85rem;color:var(--color-ink-faint)}.track-form__hint svg{width:15px;height:15px;flex:none}.track-form__hint a{color:var(--color-primary-deep);text-decoration:underline;text-underline-offset:2px}.track-form__submit.is-loading{pointer-events:none}.track-form__submit.is-loading .btn__label{opacity:0}.track-form__submit.is-loading::after{content:"";position:absolute;width:20px;height:20px;border:2.5px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%;animation:trackSpin 0.7s linear infinite}@keyframes trackSpin{to{transform:rotate(360deg)}}.track-result{margin-top:var(--space-6)}.track-result:empty{margin-top:0}.track-result__card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;animation:trackReveal 0.55s var(--ease) both}@keyframes trackReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.track-result__top{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(155deg,var(--color-primary-tint),var(--color-peach-tint));flex-wrap:wrap}.track-result__icon{width:56px;height:56px;flex:none;border-radius:50%;background:var(--color-surface);color:var(--color-primary-deep);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.track-result__icon svg{width:26px;height:26px}.track-result__headings{flex:1;min-width:200px}.track-result__status{font-family:var(--font-head);font-weight:700;font-size:1.35rem;letter-spacing:-.01em}.track-result__eta{color:var(--color-ink-soft);font-size:.95rem;margin-top:2px}.track-result__eta strong{color:var(--color-ink)}.track-badge{font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-deep)}.track-result__meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--color-line)}.track-meta{padding:var(--space-5) var(--space-6);border-left:1px solid var(--color-line)}.track-meta:first-child{border-left:none}.track-meta__label{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);font-weight:600;margin-bottom:6px}.track-meta__value{font-family:var(--font-head);font-weight:600;font-size:1rem;color:var(--color-ink)}.track-meta__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--color-primary-deep);transition:gap 0.2s var(--ease)}.track-meta__link:hover{gap:10px}.track-meta__link svg{width:15px;height:15px}.track-timeline{padding:var(--space-7) var(--space-6) var(--space-6)}.track-steps{display:flex;position:relative;margin-bottom:var(--space-7)}.track-steps__line{position:absolute;top:13px;left:0;right:0;height:3px;background:var(--color-line);border-radius:3px}.track-steps__fill{position:absolute;top:13px;left:0;height:3px;background:var(--color-primary);border-radius:3px;transition:width 0.8s var(--ease)}.track-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;gap:var(--space-2)}.track-step__dot{width:28px;height:28px;border-radius:50%;background:var(--color-bg);border:3px solid var(--color-line);display:grid;place-items:center;color:#fff0;transition:all 0.3s var(--ease)}.track-step__dot svg{width:14px;height:14px}.track-step__label{font-size:.82rem;color:var(--color-ink-faint);font-weight:500;max-width:11ch}.track-step.is-done .track-step__dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.track-step.is-current .track-step__dot{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 5px var(--color-primary-tint);color:var(--color-primary-deep)}.track-step.is-current .track-step__label,.track-step.is-done .track-step__label{color:var(--color-ink);font-weight:600}.track-events{border-top:1px solid var(--color-line);padding-top:var(--space-5)}.track-events__title{font-family:var(--font-head);font-weight:600;font-size:.95rem;margin-bottom:var(--space-4)}.track-event{display:grid;grid-template-columns:18px 1fr auto;gap:var(--space-4);padding:var(--space-3) 0;align-items:start}.track-event__node{display:flex;flex-direction:column;align-items:center;height:100%;padding-top:4px}.track-event__bullet{width:9px;height:9px;border-radius:50%;background:var(--color-line);flex:none}.track-event:first-child .track-event__bullet{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint)}.track-event__text{color:var(--color-ink);font-size:.92rem}.track-event__place{color:var(--color-ink-faint);font-size:.82rem;margin-top:1px}.track-event__time{color:var(--color-ink-faint);font-size:.8rem;white-space:nowrap;text-align:right}.track-event:first-child .track-event__text{font-weight:600}.track-result__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-5) var(--space-6);background:var(--color-bg);border-top:1px solid var(--color-line);font-size:.88rem;color:var(--color-ink-soft)}.track-result__foot a{color:var(--color-primary-deep);font-weight:600}.track-empty{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;padding:var(--space-8) var(--space-6);animation:trackReveal 0.45s var(--ease) both}.track-empty__icon{width:64px;height:64px;margin:0 auto var(--space-5);border-radius:50%;background:var(--color-peach-tint);color:var(--color-peach-deep);display:grid;place-items:center}.track-empty__icon svg{width:30px;height:30px}.track-empty__title{font-size:1.35rem}.track-empty__sub{color:var(--color-ink-soft);margin-top:var(--space-3);max-width:42ch;margin-inline:auto}.track-empty__sub a{color:var(--color-primary-deep);text-decoration:underline;text-underline-offset:2px}.track-demo{display:flex;align-items:center;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-5);font-size:.85rem;color:var(--color-ink-faint)}.track-demo__chip{font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--color-ink-soft);background:var(--color-surface);border:1px solid var(--color-line);padding:6px 14px;border-radius:var(--radius-pill);transition:border-color 0.2s var(--ease),color 0.2s var(--ease)}.track-demo__chip:hover{border-color:var(--color-primary);color:var(--color-primary-deep)}@media (max-width:640px){.track-form__grid{grid-template-columns:1fr}.track-result__meta{grid-template-columns:1fr}.track-meta{border-left:none;border-top:1px solid var(--color-line)}.track-meta:first-child{border-top:none}.track-step__label{font-size:.72rem}}