[hidden]{display:none!important}.tracker{overflow-wrap:anywhere;margin-block:1.25rem 3rem}.tracker-heading{background:var(--card);border:1px solid var(--rule);border-radius:.875rem;display:grid;overflow:hidden}.tracker-heading-copy{padding:clamp(1rem,3vw,2rem)}.tracker-nav a{align-items:center;min-block-size:44px;min-inline-size:44px;font-size:.9375rem;display:inline-flex}.tracker h1{max-inline-size:25ch}.tracker-heading .lead{font-size:1rem}.tracker-art{min-block-size:clamp(4.5rem,18vw,7rem);position:relative}.tracker-art img{object-fit:cover;object-position:center 44%;block-size:100%;inline-size:100%;display:block;position:absolute;inset-block:0;inset-inline:0}.tracker-overview,.tracker-grid{gap:1rem;margin-block-start:1rem;display:grid}.tracker-total,.tracker-backup,.tracker-category{border:1px solid var(--rule);border-radius:.75rem;min-inline-size:0;padding:clamp(1rem,2.5vw,1.5rem)}.tracker-total,.tracker-category{background:var(--card)}.tracker-total{border-block-start:2px solid var(--accent)}.tracker-meter{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-block:.75rem 1rem;display:grid}.tracker-meter p{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.tracker progress{block-size:.625rem;inline-size:100%;min-inline-size:0;color:var(--accent);background:var(--rule);accent-color:var(--accent);border:0;border-radius:.25rem;display:block;overflow:hidden}.tracker progress::-webkit-progress-bar{background:var(--rule)}.tracker progress::-webkit-progress-value{background:currentColor}.tracker progress::-moz-progress-bar{background:currentColor}.tracker-total .tracker-meter p{color:var(--text);font-size:1rem;font-weight:700}.tracker-jumps{flex-wrap:wrap;gap:.375rem .5rem;display:flex}.tracker-jumps a{border:1px solid var(--control);border-radius:.375rem;align-items:center;min-block-size:44px;min-inline-size:44px;padding:.375rem .625rem;font-size:.875rem;text-decoration:none;display:inline-flex}.tracker-jumps a:hover{background:var(--surface);text-decoration:underline}.tracker-category h2{scroll-margin-block-start:1rem}.tracker-category h2:target{color:var(--accent)}.tracker [data-empty],.tracker-backup>p{color:var(--muted);font-size:.9375rem}.tracker-backup>p{margin-block-start:.5rem}.tracker-tools{flex-wrap:wrap;align-items:start;gap:.625rem;margin-block-start:.875rem;display:flex}.tracker button,.tracker input[name],.tracker textarea{min-block-size:44px;min-inline-size:44px;max-inline-size:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--control);border-radius:.5rem;padding:.65rem}.tracker button,.tracker .import-label{cursor:pointer;min-block-size:48px;padding-inline:.875rem;font-weight:700}.tracker button:hover:not(:disabled){border-color:var(--accent)}.tracker form button{background:var(--accent);color:var(--surface);border-color:var(--accent);justify-self:start;margin-block-start:.25rem}.tracker form button:hover:not(:disabled){background:var(--text);border-color:var(--text)}.tracker :disabled,.import-label:has(:disabled){opacity:.65;cursor:default}.tracker input[name],.tracker textarea{inline-size:100%}.tracker textarea{resize:vertical}.import-label{position:relative}.import-label:focus-within{outline:3px solid var(--accent);outline-offset:5px}.import-label input{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;inset-block-start:50%;inset-inline-start:50%;overflow:hidden}.tracker form{gap:.5rem;margin-block-start:1rem;display:grid}.tracker form label{color:var(--muted);font-size:.9375rem;font-weight:650}.tracker ul{margin:0;padding:0;list-style:none}.tracker li{border-block-start:1px solid var(--rule);padding-block:1rem}.tracker li label{align-items:center;gap:.75rem;min-block-size:44px;display:flex}.tracker input[type=checkbox]{block-size:24px;inline-size:24px;accent-color:var(--accent);flex-shrink:0}.tracker li textarea{margin-block-end:.75rem;display:block}.tracker-feedback button{margin-block-start:.625rem}.tracker [data-feedback]:not(:empty),.tracker [data-storage-warning],.tracker .notice{border-inline-start:3px solid var(--accent);color:var(--text);background:var(--card);margin-block:.75rem 0;padding:.75rem 1rem}@media (width>=48rem){.tracker-heading{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.tracker-art img{object-position:center 57%}[dir=rtl] .tracker-art img{transform:scaleX(-1)}.tracker-overview,.tracker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}