.dts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.dts-card{border:1px solid var(--am-line);border-radius:var(--am-radius);background:var(--am-surface);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 14px;display:flex}.dts-card p{color:var(--am-ink);margin:0;font-size:15px;font-weight:600;line-height:1.35}.dts-figure{margin:0}.dts-figure .ug-roadsign{width:96px;height:auto;margin:0 auto}.dtd{border:1px solid var(--am-line);border-radius:var(--am-radius);background:var(--am-surface);margin-top:20px;padding:20px}.dtd-controls{gap:14px;display:grid}.dtd-row{flex-wrap:wrap;gap:8px;display:flex}.dtd-row>span{width:100%;color:var(--am-muted);font-size:14px;font-weight:700}.dtd-chip{border:1px solid var(--am-line);background:var(--am-paper,#fff);min-height:44px;color:var(--am-ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 16px;font-weight:600}.dtd-chip[aria-pressed=true]{border-color:var(--am-accent);background:var(--am-accent-soft);color:var(--am-accent)}.dtd-out{margin:18px 0 0}.dtd-total{color:var(--am-ink);letter-spacing:-.01em;margin:0;font-size:32px;font-weight:800}.dtd-sub{color:var(--am-text);margin:4px 0 0;font-size:15px}.dtd-bar{background:var(--am-hair);border-radius:999px;height:18px;margin-top:14px;display:flex;overflow:hidden}.dtd-bar span{height:100%;transition:width .32s cubic-bezier(.2,.8,.2,1);display:block}.dtd-bar .dtd-think{background:var(--am-accent-soft);border-right:2px solid var(--am-accent)}.dtd-bar .dtd-brake{background:var(--am-accent)}.dtd-key{color:var(--am-text);gap:16px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.dtd-key i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}@media (prefers-reduced-motion:reduce){.dtd-bar span{transition:none}}