@layer components{.walk-page .tool-hero{margin:0}.walk-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.walk-history,.walk-recorder{min-width:0;padding:clamp(20px,3vw,32px)}.walk-topline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.walk-topline>.icon-label{color:var(--brand-deep);font-size:.69rem;letter-spacing:.06em}.walk-phase{background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;padding:6px 10px;font-size:.75rem}.walk-recorder>h2{margin:24px 0 12px;font:400 clamp(1.8rem,4vw,2.3rem)/1.2 var(--display-font,Georgia,serif);letter-spacing:-.035em}.walk-clock-caption,.walk-lead{color:var(--muted);line-height:1.7;font-size:.9rem}.walk-clock{text-align:center;color:var(--brand-deep);font-size:clamp(3.5rem,8vw,5rem);line-height:1.2;letter-spacing:-.045em;font-variant-numeric:tabular-nums;padding-top:24px}.walk-clock-caption{text-align:center;margin:10px 0 28px}.walk-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.walk-controls>.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;flex:1 1 150px}.walk-recorder>.walk-discard{display:flex;margin:18px auto 0;color:var(--muted)}.walk-review{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}.walk-review h3{margin:0 0 8px;font-size:1.05rem}.walk-distance-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-block:22px;align-items:end}.walk-distance-fields :is(input,button){width:100%}.walk-review-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;padding:14px 0;border-block:1px solid var(--border);font-size:.85rem;color:var(--muted)}.walk-review-metrics strong{color:var(--text);font-size:1rem}.walk-record-metrics small,.walk-review-metrics small,.walk-totals small{font-size:.75rem;font-weight:400}.walk-validation{color:var(--danger);font-size:.85rem;line-height:1.65}.walk-message{display:flex;gap:8px;align-items:start;color:var(--brand-deep);line-height:1.7;margin:24px 0 0}.walk-message svg{flex-shrink:0;margin-top:4px}.walk-history-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.walk-history-heading h2{margin:0 0 8px;font-size:1.2rem}.walk-history-heading .hint{margin:0}.walk-history-heading>.button{flex-shrink:0;font-size:.75rem;padding:6px;min-height:44px}.walk-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 4px;padding-block:20px;border-block:1px solid var(--border)}.walk-record-metrics dt,.walk-totals dt{font-size:.72rem;color:var(--muted)}.walk-totals dd{margin:8px 0 0;font-size:clamp(1rem,2vw,1.35rem);font-weight:600;font-variant-numeric:tabular-nums}.walk-list{list-style:none;padding:0;margin:0;max-height:640px;overflow-y:auto}.walk-list>li{padding-block:18px;border-bottom:1px solid var(--border)}.walk-list>li:last-child{border-bottom:0;padding-bottom:0}.walk-history-date{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;font-weight:600}.walk-history-date>.button{min-width:44px;min-height:44px;color:var(--muted)}.walk-record-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 0}.walk-record-metrics dt{display:flex;gap:5px;align-items:center}.walk-record-metrics dd{margin:8px 0 0;font-size:.85rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.walk-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 12px;color:var(--muted)}.walk-empty>svg{color:var(--brand);margin-bottom:20px}.walk-empty h3{margin:0 0 10px;font-size:1rem;color:var(--text)}.walk-empty p{margin:0;font-size:.85rem;line-height:1.7}@media (max-width:800px){.walk-workspace{grid-template-columns:minmax(0,1fr)}.walk-clock{font-size:clamp(3.5rem,12vw,5rem)}}@media (max-width:380px){.walk-distance-fields{grid-template-columns:minmax(0,1fr)}.walk-history-heading{flex-wrap:wrap}.walk-record-metrics{gap:8px}.walk-record-metrics dt>svg{display:none}}}