@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{--bg:#f7f7f5;--ink:#202521;--muted:#8a928b;--green:#315b43;--line:#e6e8e3;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.shell{max-width:1010px;margin:auto;padding:0 38px}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;border:1.5px solid var(--green);color:var(--green);width:28px;height:28px;border-radius:50%;font-size:18px}.dot{color:#86a18b}.header-right{display:flex;gap:19px;align-items:center}.local-label,.timer-caption,.date-stamp,.eyebrow,.period,.summary-sub,.breakdown-title,.entry-count,footer,.selects label,.hint,.active-label,.text-button,.setup-box span{font-family:var(--mono);font-size:10px;letter-spacing:.06em}.local-label{color:#737c74}.local-label i,.pulse{display:inline-block;width:7px;height:7px;background:#7caa7c;border-radius:50%;margin-right:7px}.icon-button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:#556158;background:transparent;font-size:13px;cursor:pointer}main{padding-bottom:34px}.welcome{display:flex;justify-content:space-between;align-items:end;padding:55px 2px 34px}.eyebrow{color:#8b938b;font-weight:500;margin:0 0 10px}.welcome h1{font-size:43px;line-height:1.02;letter-spacing:-2px;margin:0;font-weight:500}.welcome em,.section-heading h2 em{font-family:var(--serif);font-weight:500;color:var(--green)}.subhead{color:#878e87;margin:12px 0 0;font-size:13px}.date-stamp{text-align:right;color:#89918b;line-height:1.9}.timer-card{background:#fff;border:1px solid #ebede8;border-radius:8px;padding:18px 22px 20px;box-shadow:0 8px 25px #15291a08}.timer-top{height:28px;display:flex;justify-content:space-between;align-items:flex-start}.timer-caption{color:#878e87;font-size:9px}.pulse{width:6px;height:6px;margin-right:8px;background:#b1b9b0}.timer-card.running .pulse{background:#6fa073;box-shadow:0 0 0 3px #edf5ed}.active-label{color:#637c68}.timer-main{padding:5px 3px 0}.selects{display:flex;gap:13px}.selects label{display:block;color:#879088;font-size:8px}.selects select{display:block;appearance:none;min-width:195px;margin-top:7px;padding:9px 32px 9px 11px;border:1px solid #e6e9e3;background:#fcfcfb url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%2389928a' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 11px center;border-radius:4px;color:#454c46;font:12px var(--sans);outline-color:#95aa98}.selects select:disabled{opacity:.5}.optional{font-size:7px;color:#a3aaa4}.clock{text-align:center;font:500 49px var(--mono);letter-spacing:-2px;padding:20px 0 10px;color:#263329}.clock span{color:#9daa9c;padding:0 2px}.timer-bottom{border-top:1px solid #eef0ec;margin-top:4px;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.hint{font-size:9px;color:#929991;letter-spacing:.02em}.start-button{border:0;border-radius:4px;background:var(--green);color:white;padding:11px 17px;font:500 11px var(--mono);cursor:pointer;transition:.18s}.start-button:hover{background:#234631;transform:translateY(-1px)}.start-button span{font-size:9px;margin-right:8px}.start-button.stop{background:#f1eeea;color:#5d4b42}.summary-section{margin-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font-size:21px;letter-spacing:-.7px;font-weight:500;margin:0}.period-switch{display:flex;gap:4px;background:#efefec;border-radius:5px;padding:3px}.period{border:0;background:none;color:#8e958e;border-radius:3px;padding:7px 10px;font-size:9px;cursor:pointer;letter-spacing:0}.period.active{background:white;color:#405c46;box-shadow:0 1px 3px #18281b12}.summary-grid{display:grid;grid-template-columns:.88fr 1.5fr;gap:13px}.summary-total,.breakdown{min-height:137px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:16px 18px;position:relative;overflow:hidden}.summary-total{background:#eff3ed}.summary-total strong{display:block;font:500 27px var(--mono);letter-spacing:-1px;color:#2d4934;margin:10px 0 4px}.summary-sub{color:#8d968d;font-size:8px}.bar-art{position:absolute;bottom:-1px;right:15px;display:flex;gap:4px;align-items:end;height:37px;opacity:.26}.bar-art i{width:7px;background:#68876b;border-radius:3px 3px 0 0}.bar-art i:nth-child(3n){height:25px}.bar-art i:nth-child(3n+1){height:13px}.bar-art i:nth-child(3n+2){height:33px}.breakdown-title{display:flex;justify-content:space-between;color:#969d96;font-size:8px;padding-bottom:9px;border-bottom:1px solid #eff0ed}.client-breakdown{padding-top:2px}.client-row{display:grid;grid-template-columns:minmax(85px,1fr) 2fr 50px;gap:12px;align-items:center;padding:7px 0 0;font-size:10px}.client-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-bar{height:4px;background:#edf0eb;border-radius:5px;overflow:hidden}.client-bar i{height:100%;background:#89a28b;display:block;border-radius:5px}.client-hours{text-align:right;font:10px var(--mono);color:#718072}.empty-inline{padding:12px 0;color:#9ba19b;font-size:10px}.entries-section,.manage-section{margin-top:40px}.compact{margin-bottom:12px}.entry-count{color:#9aa19a;font-size:9px}.entries{border-top:1px solid var(--line)}.entry{display:grid;grid-template-columns:1fr 150px 95px 22px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line);font-size:11px}.entry-main{font-weight:600}.entry-project{font-size:10px;color:#909890;font-weight:400;padding-left:7px}.entry-date{color:#919891;font-size:10px}.entry-duration{text-align:right;font:10px var(--mono);color:#566958}.delete-entry{border:0;background:none;color:#b4bab3;cursor:pointer;font-size:14px}.delete-entry:hover{color:#a35e50}.no-entries{padding:16px 3px;color:#969d96;font-size:11px}.client-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.client-card{border:1px solid var(--line);background:#fff;border-radius:5px;padding:13px 14px}.client-card-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}.client-card-actions{display:flex;gap:10px}.subtle-action{border:0;background:none;color:#78877a;font:9px var(--mono);cursor:pointer}.subtle-action.delete{color:#b39b95}.project-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{padding:4px 7px;border-radius:3px;background:#f1f3ef;color:#778177;font:9px var(--mono)}.no-projects{font:9px var(--mono);color:#adb3ad;margin-top:10px}.text-button{border:0;background:none;color:#486c4c;font-size:9px;cursor:pointer}.text-button:hover{color:#284a30}footer{border-top:1px solid var(--line);margin-top:39px;padding-top:15px;display:flex;justify-content:space-between;color:#a0a6a0;font-size:8px}dialog{border:1px solid #e5e8e2;border-radius:7px;width:min(410px,calc(100% - 32px));padding:26px;box-shadow:0 18px 60px #17251925;color:var(--ink)}dialog::backdrop{background:#14201655;backdrop-filter:blur(2px)}dialog form{position:relative}dialog h2{margin:0 0 21px;font-size:24px;letter-spacing:-.8px;font-weight:500}dialog label{display:block;font:9px var(--mono);color:#899188}dialog input{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid #e2e6df;border-radius:4px;font:13px var(--sans);outline-color:#91a991}.close{position:absolute;right:0;top:0;border:0;background:none;font-size:23px;color:#929991;cursor:pointer}.dialog-actions{display:flex;justify-content:end;align-items:center;gap:14px;margin-top:23px}.quiet-button{border:0;background:none;color:#8a9289;font:10px var(--mono);cursor:pointer}.dialog-copy{font-size:12px;line-height:1.7;color:#727b72}.setup-box{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:13px;background:#f4f5f2;border-radius:4px;margin:17px 0}.setup-box span{color:#939b93;font-size:8px}.setup-box code{font:10px var(--mono);color:#526455}.download-link{display:inline-block}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:11px 16px;background:#26392b;color:white;border-radius:4px;font:10px var(--mono);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:680px){.shell{padding:0 18px}.welcome{padding-top:40px}.welcome h1{font-size:37px}.date-stamp{font-size:8px}.selects{gap:8px}.selects select{min-width:0;width:100%}.selects label{flex:1}.clock{font-size:42px;padding-top:24px}.summary-grid{grid-template-columns:1fr}.summary-total{min-height:120px}.client-cards{grid-template-columns:1fr}.entry{grid-template-columns:1fr 84px 62px 18px}.entry-project{display:block;padding:4px 0 0}.entry-date{font-size:8px}footer{gap:14px;font-size:7px}.local-label{font-size:8px}}