.trial-trail{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;container-type:inline-size}.trail-progress-track{background:var(--color-dark-800);border-radius:8px;height:5px;margin-top:8px;overflow:hidden}.trail-progress-track>span{background:var(--color-indigo-300);height:100%;display:block}.trail-progress-verified>span{background:var(--color-indigo-400)}.trial-trail[data-motion=on] .trail-progress-track>span{transition:width .18s ease-out}.trail-exploration{border-top:1px solid hsl(var(--border));margin-top:24px;padding-top:20px}.trail-motion-toggle{min-height:44px;color:hsl(var(--muted-foreground));border:1px solid var(--color-dark-500);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500}.trail-motion-toggle:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.trail-motion-toggle:focus-visible,.trail-recent summary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.trail-detail{min-height:32px;color:hsl(var(--muted-foreground));padding-top:6px;font-size:12px;line-height:1.5}.trail-field{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:12px;padding:16px}.trail-grid{grid-template-columns:repeat(25,minmax(0,16px));justify-content:center;gap:4px;display:grid}.trail-tile{border:1px solid var(--color-dark-500);background:var(--color-dark-900);border-radius:3px;width:100%;height:16px;position:relative;overflow:hidden}.trail-tile-finished,.trail-tile-verified{display:block;position:absolute;inset:0 auto 0 0}.trail-tile-finished{background:repeating-linear-gradient(135deg, var(--color-indigo-400) 0, var(--color-indigo-400) 2px, var(--color-indigo-950) 2px, var(--color-indigo-950) 5px)}.trail-tile-verified{background:var(--color-indigo-400)}.trial-trail[data-motion=on] .trail-tile>span{transition:width .18s ease-out}.trail-active{border:2px solid var(--color-indigo-200);background:var(--color-indigo-950)}.trail-best{border:1px solid var(--color-emerald-300);color:var(--color-emerald-100)}.trail-best .trail-tile-verified{background:var(--color-emerald-800)}.trail-tile-mark{background:var(--color-dark-950);text-align:center;color:hsl(var(--foreground));font:10px/14px sans-serif;position:absolute;inset:0}.trail-best .trail-tile-mark{background:var(--color-emerald-800);color:var(--color-emerald-100)}.trail-failed{border-color:var(--color-amber-300)}.trail-unknown{background:repeating-linear-gradient(135deg, var(--color-dark-900) 0, var(--color-dark-900) 2px, var(--color-dark-800) 2px, var(--color-dark-800) 3px)}.trail-pulse{animation:1.6s ease-in-out infinite trial-work-pulse}@keyframes trial-work-pulse{0%,to{opacity:1}50%{opacity:.65}}.trail-legend{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;font-size:12px;list-style:none;display:flex}.trail-legend li{align-items:center;gap:6px;display:flex}.trail-legend i{border:1px solid var(--color-dark-400);background:var(--color-dark-900);border-radius:2px;flex-shrink:0;width:9px;height:9px;display:inline-block}.trail-legend .trail-key-verified{background:var(--color-indigo-400)}.trail-legend .trail-key-finished{background:repeating-linear-gradient(135deg, var(--color-indigo-400) 0, var(--color-indigo-400) 2px, var(--color-indigo-950) 2px, var(--color-indigo-950) 4px)}.trail-legend .trail-key-active{border:2px solid var(--color-indigo-200);background:var(--color-indigo-950)}.trail-caption{color:hsl(var(--muted-foreground));margin-top:8px;font-size:12px;line-height:1.5}.trail-score{border-top:1px solid hsl(var(--border));margin-top:20px;padding-top:20px}.trail-best-label,.trail-new-best{color:var(--color-emerald-300);background:var(--color-emerald-950);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.trail-correction{color:hsl(var(--foreground));background:hsl(var(--secondary))}.trail-ready-accent{animation:.3s ease-out trial-ready}@keyframes trial-ready{0%{opacity:.65}to{opacity:1}}.trail-new-best,.trial-trail[data-new-best=true] .trail-best,.trial-trail[data-new-best=true] .trail-chart-best{animation:.6s ease-out trial-discovery}@keyframes trial-discovery{0%{outline:2px solid var(--color-emerald-300)}to{outline:2px solid #0000}}.trail-chart{width:100%;height:128px;margin-top:12px;display:block;overflow:visible}.trail-chart text{fill:hsl(var(--muted-foreground));font:12px ui-monospace,monospace}.trail-chart-grid{stroke:var(--color-dark-700);stroke-dasharray:3 5}.trail-chart-line{stroke:var(--color-indigo-300);stroke-width:2px}.trail-chart-point{fill:var(--color-dark-300)}.trail-chart-best{fill:var(--color-emerald-300)}.trail-chart-empty{min-height:128px;color:hsl(var(--muted-foreground));text-align:left;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:12px;line-height:1.6;display:flex}.trail-chart-legend{color:hsl(var(--muted-foreground));gap:16px;margin-top:8px;font-size:12px;display:flex}.trail-chart-legend span{align-items:center;gap:6px;display:flex}.trail-chart-legend i{background:var(--color-dark-300);border-radius:100%;width:5px;height:5px;display:inline-block}.trail-chart-legend span+span i{background:var(--color-indigo-300);border-radius:0;width:12px;height:2px}.trail-recent{border-top:1px solid hsl(var(--border));margin-top:20px;font-size:12px}.trail-recent summary{cursor:pointer;min-height:44px;color:hsl(var(--foreground));padding:14px 0}.trail-recent summary span{color:hsl(var(--muted-foreground));margin-left:10px}.trail-recent th,.trail-recent td{border-top:1px solid hsl(var(--border));padding:9px 4px}.trail-recent th{color:hsl(var(--muted-foreground));font-weight:500}@container (width<=599px){.trail-grid{grid-template-columns:repeat(20,minmax(0,14px))}.trail-tile{height:14px}}@container (width<=399px){.trail-grid{grid-template-columns:repeat(16,minmax(0,12px))}.trail-tile{height:11px}.trail-field{padding:12px}.trail-tile-mark{font-size:8px;line-height:9px}.trail-chart,.trail-chart-empty{height:112px;min-height:112px}.trail-motion-toggle{padding:6px 8px}}@media (prefers-reduced-motion:reduce){.trial-trail *,.trial-trail :before,.trial-trail :after{transition:none!important;animation:none!important}}
