:root{color:var(--text);background:var(--bg);--bg:#f5f6f4;--card:#fff;--text:#252a28;--muted:#858e89;--line:#e6eae6;--accent:#436ba8;--grid:#edf0ed;--entry:#dfe8f5;--entry-text:#304c78;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.shell{width:100%}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:65px;height:76px;padding:0 5%;display:flex}.brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:9px;font-size:21px;font-weight:750;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#252b36;border-radius:10px;place-items:center;width:32px;height:32px;font-size:25px;display:grid}.topbar nav{gap:32px;height:100%;display:flex}.topbar nav button{color:var(--muted);background:0 0;border:0;font-size:14px;font-weight:600;position:relative}.topbar nav button.current{color:var(--text)}.topbar nav button.current:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}main{padding:48px 1em 80px}.page-heading,.section-heading,.report-top,.chart-title,.modal-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.eyebrow{letter-spacing:.15em;color:var(--accent);margin:0 0 10px;font-size:10px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:36px;line-height:1}h2{letter-spacing:-.025em;margin:0;font-size:19px}.subtitle{color:var(--muted);margin:11px 0 0;font-size:14px}.timer-card,.report-card,.report-filters{background:var(--card);border:1px solid var(--line);border-radius:12px}.timer-card{margin:0 0 43px}.timer-main{align-items:center;gap:24px;padding:21px 23px;display:flex}.timer-main label,.start-label{flex-direction:column;gap:8px;display:flex}.timer-main label span,.start-label span,.report-filters label{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:800}.description-field{flex:1;min-width:130px}.timer-main input,.timer-main select{color:var(--text);background:0 0;border:0;outline:0;padding:0}.timer-main input{width:100%;font-size:15px}.project-field{min-width:130px}.project-field select{max-width:170px;font-size:14px}.start-label strong{font-size:14px}.elapsed{color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;font-size:25px;font-weight:700}.primary{background:var(--accent);color:#fff;border:0;border-radius:7px;padding:12px 19px;font-weight:700}.action{min-width:102px}.stop{background:#c86a61}.section-heading{margin-bottom:19px}.section-heading h2 span{color:var(--muted);margin-left:8px;font-size:12px}.week-controls{gap:5px;display:flex}.week-controls button,.modal-heading button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:6px;min-width:32px;height:32px;font-size:20px}.week-controls .today{padding:0 12px;font-size:12px}.calendar-scroll,.chart-scroll{overflow:auto}.calendar{background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:800px;overflow:hidden}.calendar-head,.calendar-body{grid-template-columns:65px repeat(7,minmax(0,1fr));display:grid}.calendar-head{border-bottom:1px solid var(--line)}.timezone{color:var(--muted);align-self:end;padding:0 0 16px 12px;font-size:9px;font-weight:700}.day-head{border-left:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:4px;padding:17px 8px 14px;display:flex}.day-head div{align-items:baseline;gap:8px;display:flex}.day-head span{color:var(--muted);font-size:10px;font-weight:750}.day-head strong{font-size:21px}.day-head small{color:var(--muted);white-space:nowrap;font-size:11px}.today-date strong,.today-date span{color:var(--accent)}.calendar-body{height:1536px}.time-axis div{height:64px;color:var(--muted);text-align:right;padding:5px 9px;font-size:10px}.day-column{border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,var(--grid) 63px,var(--grid) 64px);position:relative}.entry{text-align:left;background:var(--entry);width:calc(100% - 6px);color:var(--entry-text);z-index:1;border:0;border-left:3px solid #7897c5;border-radius:0;flex-direction:column;gap:4px;padding:0 7px;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.entry.running{border-color:var(--accent)}.entry strong,.entry small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry strong{font-size:11px}.entry small{font-size:10px}.report-filters{grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 22px;padding:22px;display:grid}.report-filters label{flex-direction:column;gap:9px;display:flex}.report-filters input,.report-filters select,.modal input,.modal select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:10px;font-size:13px}.report-card{padding:28px}.report-top{border-bottom:1px solid var(--line);padding-bottom:28px}.report-top>p{color:var(--muted);font-size:12px}.report-total{letter-spacing:-.05em;font-size:38px;font-weight:750}.report-total span{color:var(--muted);font-size:15px;font-weight:500}.chart-title{margin:30px 0 20px}.chart-title span{color:var(--muted);font-size:10px}.chart{align-items:end;gap:10px;height:260px;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;min-width:65px;height:100%;display:flex}.bar-value{height:22px;color:var(--muted);font-size:10px}.bar-track{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--grid) 0,var(--grid) 1px,transparent 1px,transparent 50px);justify-content:center;align-items:end;width:100%;height:200px;display:flex}.bar{background:#8faee0;border-radius:4px 4px 0 0;width:65%;max-width:38px}.bar-date{color:var(--muted);white-space:nowrap;padding-top:10px;font-size:10px}.notice,.empty{color:var(--muted);font-size:13px}.error{color:#ba4d43}.modal-backdrop{z-index:10;background:#141b2bb0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:12px;width:min(500px,100%);padding:25px}.modal-heading{align-items:start;margin-bottom:24px}.modal-heading button{border:0;font-size:23px}.modal label{flex-direction:column;gap:7px;margin:15px 0;font-size:12px;font-weight:650;display:flex}.edit-dates{gap:12px;display:flex}.edit-date-group{flex:1;min-width:0}.edit-dates label{min-width:0}.modal-actions{align-items:center;gap:10px;margin-top:25px;display:flex}.modal-actions button:not(.primary){color:var(--muted);background:0 0;border:0;padding:10px}.modal-actions .delete{margin-right:auto;color:#ba4d43!important}@media (width<=700px){.topbar{gap:28px;padding:0 18px}.topbar nav{gap:20px}main{padding:32px 1em 80px}.timer-main{flex-wrap:wrap;gap:20px}.description-field{flex-basis:100%}.project-field{flex:1}.start-label{display:none}.report-filters{grid-template-columns:1fr 1fr}.report-card{padding:20px}.edit-dates{display:block}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b2029;--card:#252b36;--text:#edf0f5;--muted:#9aa6b6;--line:#3a4350;--accent:#8aaff0;--grid:#353e4a;--entry:#33435e;--entry-text:#e4ebf8}.primary{color:#182234}.stop{color:#fff}}.overview-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.view-switch{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.view-switch button{background:var(--card);color:var(--muted);border:0;padding:8px 12px;font-size:12px;font-weight:600}.view-switch button.selected{background:var(--accent);color:var(--card)}.entry-list-scroll{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:auto}.entry-list{border-collapse:collapse;text-align:left;width:100%;min-width:690px;font-size:13px}.entry-list th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.entry-list th,.entry-list td{border-bottom:1px solid var(--line);padding:15px 18px}.entry-list tr:last-child td{border-bottom:0}.entry-list td:nth-child(n+3){white-space:nowrap;font-variant-numeric:tabular-nums}.entry-link{color:var(--text);text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:650}.list-empty{color:var(--muted)}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin:0 0 18px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:10px;height:10px}.bar{background:0 0;flex-direction:column-reverse;display:flex;overflow:hidden}.bar-segment{flex-shrink:0;width:100%}@media (prefers-color-scheme:dark){.view-switch button.selected{color:#182234}}.project-select{align-items:center;gap:7px;display:flex}.project-dot,.project-pill i{border-radius:50%;flex:none;width:9px;height:9px}.project-pill{background:color-mix(in srgb,var(--project-color) 18%,var(--card));border-radius:20px;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}.project-pill i{background:var(--project-color)}.entry,.entry.running{border-color:var(--project-color);background:color-mix(in srgb,var(--project-color) 23%,var(--card));color:var(--text)}.projects-list{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-top:30px;overflow:hidden}.project-row{border-bottom:1px solid var(--line);align-items:end;gap:18px;padding:18px 22px;display:flex}.project-row:last-child{border-bottom:0}.project-row label,.project-total{flex-direction:column;gap:8px;display:flex}.project-row label span,.project-total span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.project-name-label{flex:1;min-width:100px}.project-name-label input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:9px 10px}.project-color-label input{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:6px;width:38px;height:37px;padding:2px}.project-total{min-width:105px}.project-total strong{font-variant-numeric:tabular-nums;padding:9px 0;font-size:14px}.project-save{border:1px solid var(--line);background:var(--card);height:37px;color:var(--text);border-radius:6px;padding:0 14px;font-weight:600}.projects-empty{padding:20px 22px}.topbar nav{gap:24px}@media (width<=700px){.topbar{gap:20px}.topbar nav{gap:12px}.project-row{flex-wrap:wrap;gap:10px;padding:15px 12px}.project-name-label{flex:55%}.project-total{flex:1;margin-left:48px}}.new-project{align-items:end;gap:12px;margin-top:30px;display:flex}.new-project label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.new-project input{border:1px solid var(--line);background:var(--card);width:min(340px,100%);min-width:0;color:var(--text);border-radius:6px;padding:11px;font-size:14px}.new-project .primary{white-space:nowrap}.new-project+.projects-list{margin-top:18px}.manual-add{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--text);border-radius:7px;flex:none;font-size:24px;line-height:1}.modal-spacer{margin-right:auto}.section-heading h2 .week-range{margin-left:7px;font-size:13px;font-weight:500}.calendar.split{min-width:1200px}.calendar-body.split{height:768px}.day-columns{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.day-columns.split{grid-template-columns:repeat(2,minmax(0,1fr))}.time-axis div span{display:block}.calendar-body.split .time-axis div{flex-direction:column;justify-content:center;gap:2px;padding:0 7px;font-size:9px;display:flex}.calendar-body.split .time-axis div span{color:var(--accent)}.duration-preview{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;font-weight:650;display:flex}.duration-preview strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}