.tr-page{flex-direction:column;align-items:stretch;gap:12px;display:flex}.tr-page .page-heading{margin:0}.tr-tiles{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:900px){.tr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-tiles .tr-tile:first-child{grid-column:1/-1}}.tr-tile{color:var(--text);border-radius:18px;gap:8px;padding:14px 16px 16px;text-decoration:none;display:grid}.tr-tile:hover{border-color:var(--muted)}.tr-tile:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.tr-top{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.tr-name{letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:700}.tr-head{letter-spacing:-.8px;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.tr-chip{background:var(--soft);letter-spacing:0;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:700}.tr-visual{min-height:90px;color:var(--primary);display:block}.tr-empty{color:var(--muted);padding:30px 0;font-size:14px;display:block}.tr-line{width:100%;height:90px;display:block;overflow:visible}.tr-line.calm{color:var(--muted)}.tr-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:108px;display:grid}.tr-bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.tr-bar-col small{color:var(--muted);font-size:11px;font-weight:700}.tr-bar{background:var(--primary);border-radius:9px 9px 4px 4px;width:100%;max-width:34px;min-height:4px;display:block}.tr-bar.none{background:var(--border)}.tr-bar.today{background:repeating-linear-gradient(135deg, var(--primary) 0 4px, var(--soft) 4px 8px)}.tr-month{grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;gap:8px 0;max-width:320px;margin-inline:auto;display:grid}.tr-dot{box-sizing:border-box;border-radius:50%;width:22px;height:22px;display:block}.tr-dot.complete{background:var(--primary)}.tr-dot.partial{border:2px solid var(--primary);background:linear-gradient(to top, var(--primary) 50%, transparent 50%)}.tr-dot.missed{border:2px dashed var(--muted)}.tr-dot.notTracked{border:2px dashed var(--border)}.tr-dot.pending{border:2px solid var(--border)}.tr-dot.rest{background:var(--soft);border:2px solid var(--border)}.tr-dot.future{background:var(--border);width:6px;height:6px;margin:8px}.tr-dot.now{box-shadow:0 0 0 2px var(--panel,#fff), 0 0 0 4px var(--text)}.tr-detail-head{flex-direction:column;align-items:flex-start;gap:0;display:flex}.tr-detail-head h1{margin:0}@media (prefers-reduced-motion:no-preference){.tr-bar{transform-origin:bottom;animation:.6s cubic-bezier(.2,.7,.2,1) both tr-rise}@keyframes tr-rise{0%{opacity:.4;transform:scaleY(.1)}}}