.tracker-settings{color:#202124;--line:#d2d6dc;--surface:#f5f6f8;--muted:#555d68;width:min(100%,68rem);margin-inline:auto;padding:1.5rem}.tracker-heading,.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.tracker-settings h1{font-size:1.8rem;font-weight:650}.tracker-settings h2{margin-bottom:1rem;font-size:1.3rem;font-weight:650}.tracker-settings p{max-width:72ch;margin-block:.7rem}.tracker-settings a{color:#1d4ed8;text-underline-offset:.2em;text-decoration:underline}.tracker-status{margin-block:1rem;font-size:.9rem}.tracker-settings section{border-top:1px solid var(--line);padding-block:1.7rem}.muted{color:var(--muted);font-size:.9rem;font-weight:400}.timer-line{align-items:baseline;gap:1.5rem;display:flex}.timer-digits{font-variant-numeric:tabular-nums;font-size:2.5rem;line-height:1.3}.button-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-block:1rem;display:flex}.tracker-settings button,.tracker-settings a.button{color:#fff;font:inherit;cursor:pointer;background:#1d4ed8;border-radius:.4rem;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.tracker-settings button:hover,.tracker-settings a.button:hover{background:#1e40af}.tracker-settings button.secondary,.tracker-settings a.button.secondary{background:var(--surface);color:inherit;border:1px solid var(--line)}.tracker-settings button.secondary:hover{filter:brightness(.94)}.tracker-settings button.text-button{color:#b42318;background:0 0;padding:.35rem .5rem;font-size:.9rem}.tracker-settings button.destructive{background:#b42318}.tracker-settings button:disabled{opacity:.45;cursor:not-allowed}.tracker-settings :focus-visible{outline-offset:3px;outline:3px solid #4b83e5}.tracker-settings label{flex-direction:column;gap:.4rem;font-size:.95rem;display:flex}.tracker-settings input{font:inherit;width:100%;min-width:0;min-height:44px;color:inherit;background:#fff;border:1px solid #9ca3af;border-radius:.4rem;padding:.6rem .7rem}.tracker-settings input::placeholder{color:#626c77}.inline-form{flex-wrap:wrap;align-items:end;gap:.8rem;margin-top:1.25rem;display:flex}.inline-form label{flex:1;min-width:12rem}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-block:1.25rem;display:grid}.search-field{max-width:24rem;margin-bottom:1rem}.table-scroll{overflow-x:auto}.goal-list{scroll-snap-type:y proximity;scrollbar-gutter:stable;scrollbar-color:var(--muted) var(--surface);max-height:min(28rem,60svh);scroll-padding-top:3rem;overflow-y:auto}.goal-list thead{z-index:1;background:var(--surface);position:sticky;top:0}.goal-list tbody tr{scroll-snap-align:start}.tracker-settings table{border-collapse:collapse;width:100%;font-size:.95rem}.tracker-settings th{text-align:left;color:var(--muted);font-size:.85rem;font-weight:600}.tracker-settings th,.tracker-settings td{border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums;padding:.8rem .6rem}.tracker-settings td:first-child{overflow-wrap:anywhere}.tracker-settings td:not(:first-child){white-space:nowrap}.tracker-settings td{vertical-align:middle}.settings-nav{flex-wrap:wrap;gap:.6rem 1.3rem;margin-top:1rem;display:flex}.time-adjust label{flex:0 12rem}.time-cap{accent-color:#b45309;width:min(100%,28rem);height:.7rem}.reached-goal{color:var(--muted)}.next-goal{background:var(--surface);font-weight:650}.appearance-fields{flex-wrap:wrap;gap:1.5rem;margin-block:1rem;display:flex}.appearance-fields input[type=color]{cursor:pointer;width:5rem;height:44px;padding:.25rem}.appearance-effects>label{flex:12rem}.appearance-effects input[type=range]{accent-color:#1d4ed8;cursor:pointer;width:100%;min-height:44px;padding:0}.overlay-preview{border-radius:.4rem;min-height:16rem;display:grid;overflow:hidden}.setup-goal{grid-template-columns:minmax(0,1fr) 8rem auto;align-items:end;gap:.75rem;margin-block:1rem;display:grid}.tracker-settings h3{margin-top:1rem;font-size:1.1rem;font-weight:650}.tracker-settings :is(h2,h3){scroll-margin-top:1rem}@media (width<=640px){.time-adjust label{flex:auto}.setup-goal{grid-template-columns:minmax(0,1fr) 6rem}.setup-goal>label:first-child{grid-column:1/-1}}.tracker-settings details{margin-top:1rem}.tracker-settings summary{cursor:pointer;padding:.75rem 0;font-weight:600}.event-history{max-height:28rem}.event-types{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.reset-section{border-top:1px solid var(--line);padding:1rem 0}.tracker-error,.reset-confirmation{color:#8a261d;background:#fff2ed;border:1px solid #b84b3b;border-radius:.4rem;padding:1rem}.tracker-error button{margin-left:.5rem}@media (prefers-color-scheme:dark){.tracker-settings{color:#f2f3f5;--line:#555a63;--surface:#3d424b;--muted:#c0c5ce}.tracker-settings input{background:#202227;border-color:#69717d}.tracker-settings input::placeholder{color:#a9b1bd}.tracker-settings a{color:#9cc5ff}.tracker-settings button.text-button{color:#ffb4a9}.tracker-error,.reset-confirmation{color:#ffdad4;background:#3f2424}}@media (width<=640px){.tracker-settings{width:100%;padding:1rem}.tracker-settings h1{font-size:1.5rem}.settings-fields{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{min-width:0}.timer-digits{font-size:2.1rem}.tracker-settings th,.tracker-settings td{padding:.65rem .4rem}}.connection-warning{color:#6b380c;background:#fff4d6;border-left:4px solid #b45309;padding:.75rem 1rem}.contribution-summary{font-size:1.15rem;font-weight:600}@media (prefers-color-scheme:dark){.connection-warning{color:#ffe3a1;background:#46381e}}