.tools-page,.tool-page{flex-direction:column;gap:18px;max-width:1080px;display:flex}.tools-intro{max-width:640px}.tools-group{flex-direction:column;gap:10px;display:flex}.tool-list-rows{flex-direction:column;gap:4px;display:flex}.tool-item{min-height:64px;color:var(--ink);align-items:center;gap:14px;padding:8px 0;text-decoration:none;display:flex}.tool-item-link:hover .tool-item-title{text-decoration:underline;text-decoration-color:var(--ink-3)}.tool-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tool-item-title{font-size:var(--fs-row-title);line-height:var(--lh-row-title);margin:0;font-weight:650}.tool-item-line{font-size:var(--fs-support);line-height:var(--lh-support);color:var(--ink-2);margin:0}.tool-item-quiet{font-size:var(--fs-caption);line-height:var(--lh-caption)}.tool-item-chevron{color:var(--ink-2);font-size:22px}.tool-card{justify-content:space-between;max-width:none;height:100%}.tool-card-head{align-items:center;gap:10px;display:flex}.tool-card-head .card-title,.tool-card-head .panel-title{flex:1;min-width:0}.tool-card-glyph{border-radius:var(--radius-small);width:40px;height:40px;color:var(--ink);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.tool-state{font-size:var(--fs-caption);color:var(--ink-2);background:var(--sunk);border-radius:999px;padding:2px 10px;font-weight:600}.tool-state[data-on]{background:var(--context);color:var(--ink)}.tool-web-line{font-size:var(--fs-caption)}.tool-card-actions{flex-wrap:wrap;gap:8px;display:flex}.tool-off{max-width:680px}.tool-grant{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tools-switches{gap:14px}.row-actions-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-panel{flex-direction:column;gap:14px;display:flex}.tool-sections{flex-direction:column;gap:16px;display:flex}.tool-sections[data-layout=columns]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.tool-section{min-width:0}.tool-sections[data-layout=stack]>.tool-section{box-shadow:none;background:0 0;border-radius:0;padding:0}.tool-sections[data-layout=stack]>.tool-section:has(.tool-stat){background:var(--surface);box-shadow:var(--shadow-panel);border-radius:var(--radius-large);padding:20px 22px}.tool-stat{flex-direction:column;gap:4px;display:flex}.tool-stat .eyebrow{text-transform:none;letter-spacing:0;font-size:var(--fs-support);line-height:var(--lh-support)}.tool-stat-value{overflow-wrap:anywhere;font-family:var(--font-time);letter-spacing:.02em;font-size:44px;font-weight:600;line-height:48px}.tool-progress{border-radius:var(--radius-small);background:var(--sunk);height:12px;overflow:hidden}.tool-progress-fill{border-radius:var(--radius-small);background:var(--water,var(--action));height:100%;display:block}.tool-list{flex-direction:column;gap:10px;display:flex}.tool-rows{list-style:none}.tool-row[data-tone=muted] .row-title{color:var(--ink-3)}.tool-row[data-tone=warning] .row-title{color:var(--warning)}.tool-row .row-main{cursor:default}.row-trailing{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.tool-row .row-more{opacity:1}.tool-add{align-items:flex-end;gap:8px;display:flex}.tool-add .field{flex:1;min-width:0}.tool-form{flex-direction:column;gap:12px;display:flex}.tool-actions{flex-wrap:wrap;gap:8px;display:flex}.tool-link{align-items:center;min-height:44px;display:inline-flex}.tool-link-label{font-weight:650}.tool-chart{flex-direction:column;gap:6px;margin:0;display:flex}.tool-chart-svg{width:100%;height:auto;max-height:220px}.tool-bar{fill:color-mix(in srgb, var(--water,var(--action)) 45%, var(--surface))}.tool-bar[data-highlight]{fill:var(--water,var(--action))}.tool-bar-label{fill:var(--ink-2);font-size:10px}.tool-goal{stroke:var(--ink-2);stroke-width:1.5px;stroke-dasharray:5 4}.tool-glances,.tool-glance-list{flex-direction:column;gap:6px;display:flex}.tool-glance{border-radius:var(--radius-small);background:var(--surface);box-shadow:var(--shadow-panel);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.tool-glance-text{font-weight:600}.tool-times{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.tool-time{margin-right:12px}.tool-time b{color:var(--ink);margin-right:4px;font-weight:650}.tool-day-rows{margin-top:2px}.tool-day-row .week-item-title{color:var(--ink-2)}@media (width<=599px){.tool-add{flex-direction:column;align-items:stretch}.tool-sections[data-layout=columns]{grid-template-columns:minmax(0,1fr)}}
