.track-page{max-width:640px;padding-top:36px;padding-bottom:80px}.track-page h1{letter-spacing:-.01em;font-size:clamp(24px,4vw,32px);font-weight:600}.track-lead{color:var(--muted);margin:4px 0 22px}.track-form,.track-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:20px;display:grid}.track-form label{color:var(--muted);gap:6px;font-size:14px;font-weight:500;display:grid}.track-form input{border:1px solid var(--line);background:var(--bg);height:48px;color:var(--text);border-radius:12px;outline:none;padding:0 14px;font-size:16px}.track-form input:focus{border-color:var(--navy-ink);box-shadow:0 0 0 4px var(--soft-navy)}.track-btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:12px;height:48px;font-size:15px;font-weight:600}.track-btn:disabled{opacity:.6}.track-msg{color:var(--red);font-size:14px}.track-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.track-card header small{color:var(--muted);font-size:12.5px;display:block}.track-card header b{letter-spacing:.02em;font-size:22px}.track-st{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.track-st.tone-info{background:var(--soft-navy);color:var(--navy-ink)}.track-st.tone-warn{background:var(--used);color:var(--used-ink)}.track-st.tone-ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.track-st.tone-bad{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.track-now{font-size:17px;font-weight:600}.track-note{background:var(--surface-2);white-space:pre-line;border-radius:12px;padding:10px 14px;font-size:14.5px}.track-steps{color:var(--muted);text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;padding:0;font-size:12px;list-style:none;display:grid}.track-steps li{justify-items:center;gap:6px;line-height:1.3;display:grid}.track-steps i{background:var(--surface-2);border-radius:999px;width:100%;height:6px}.track-steps li.done{color:var(--text);font-weight:500}.track-steps li.done i{background:var(--navy-ink)}.track-info{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:6px 16px;padding-top:14px;font-size:14.5px;display:grid}.track-info dt{color:var(--muted)}.track-info dd{white-space:pre-line;overflow-wrap:anywhere}.track-history summary{cursor:pointer;color:var(--muted);font-size:14px}.track-history ol{gap:10px;padding:10px 0 0;font-size:14px;list-style:none;display:grid}.track-history p{white-space:pre-line}.track-history small{color:var(--muted);font-size:12.5px}.track-link{color:var(--navy-ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:14px;text-decoration:underline}@media (max-width:480px){.track-steps{font-size:10.5px}.track-info{grid-template-columns:1fr;gap:0}.track-info dd{margin-bottom:8px}}.track-line{color:#fff;background:#06c755;border-radius:12px;justify-content:center;align-items:center;min-height:46px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.track-line:hover{background:#05b34c}.track-line:focus-visible{outline:2px solid var(--navy-ink);outline-offset:2px}