.stno-track{--stno-accent:#0b5fff;--stno-ink:#1a1f2b;--stno-muted:#4b5565;--stno-line:#d5dae3;--stno-ok:#0a7a3d;--stno-bg:#fff;box-sizing:border-box;max-width:640px;margin:0 auto;padding:16px;color:var(--stno-ink);background:var(--stno-bg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stno-track *{box-sizing:border-box}
.stno-track__title{margin:0 0 12px;font-size:1.4rem;line-height:1.25}
.stno-track__h{margin:24px 0 8px;font-size:1.05rem}
.stno-track__form{display:grid;gap:8px;margin:0 0 12px}
.stno-track__form[hidden],.stno-track__result[hidden]{display:none}
.stno-track__form label{font-weight:600}
.stno-track__form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--stno-muted);border-radius:8px;font:inherit}
.stno-track__form button{min-height:44px;border:0;border-radius:8px;background:var(--stno-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.stno-track__form input:focus-visible,.stno-track__form button:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.stno-track__msg{margin:0 0 12px;color:var(--stno-muted)}
.stno-track__ref{margin:0;color:var(--stno-muted);font-size:.95rem;word-break:break-word}
.stno-track__stage{margin:4px 0 16px;font-size:1.5rem;font-weight:700;line-height:1.2}
.stno-track__steps,.stno-track__timeline{list-style:none;margin:0;padding:0}
.stno-step{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0 8px 0;color:var(--stno-muted)}
.stno-step:not(:last-child)::after{content:"";position:absolute;left:9px;top:30px;bottom:-8px;width:2px;background:var(--stno-line)}
.stno-step__dot{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--stno-line);background:#fff}
.stno-step--done{color:var(--stno-ink)}
.stno-step--done .stno-step__dot{background:var(--stno-ok);border-color:var(--stno-ok)}
.stno-step--done::after{background:var(--stno-ok)!important}
.stno-step--current{color:var(--stno-ink);font-weight:700}
.stno-step--current .stno-step__dot{border-color:var(--stno-accent);box-shadow:0 0 0 4px rgba(11,95,255,.18)}
.stno-tl{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--stno-line)}
.stno-tl__time{color:var(--stno-muted);font-size:.9rem}
.stno-tl__note{font-size:.95rem}
.stno-track__contact{margin:16px 0 0;font-weight:600;word-break:break-word}
.stno-track__fine{margin:16px 0 0;color:var(--stno-muted);font-size:.85rem}
@media (min-width:640px){.stno-track{padding:24px}.stno-track__form{grid-template-columns:1fr auto;align-items:end}.stno-track__form label{grid-column:1/-1}.stno-track__form button{padding:0 20px}}
@media (prefers-reduced-motion:no-preference){.stno-step__dot{transition:background .2s,border-color .2s}}
@media print{.stno-track__form{display:none}}