:root{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#27231f;background:#f1eadc;--red:#c83c2d;--blue:#355e78;--paper:#fffaf0}*{box-sizing:border-box}body{margin:0;background:#d8cfbd}main{width:min(1100px,calc(100% - 28px));margin:26px auto;background:var(--paper);box-shadow:0 18px 50px #4b40382b}header{height:92px;display:flex;align-items:center;padding:0 36px;border-bottom:1px dashed #92877a}.mark{width:47px;height:47px;border:3px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font:700 26px Georgia;transform:rotate(-8deg);margin-right:13px}header b{display:block;letter-spacing:.18em}header small{font-size:9px;color:#8b8175}header p{margin-left:auto;color:#7a7065;font:13px Georgia}.entry{padding:35px;border-bottom:2px solid #2c2823}.date-head{display:flex;justify-content:space-between;align-items:center}.date-head label,.baseline{font-size:11px;color:#766d63}.date-head input,.baseline input{border:0;border-bottom:1px solid #3d3832;background:transparent;padding:7px;font:700 14px ui-monospace}.baseline input{width:48px;text-align:center}.timeline{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;margin:40px 0}.timeline>i{border-top:2px dotted #9f9588}.time{display:flex;flex-direction:column}.time small{font-size:9px;color:#8f857a}.time b{font:20px Georgia;margin:4px 0}.time input{width:100%;border:0;border-bottom:3px solid #302c27;background:#f5eee1;padding:9px 5px;font:bold clamp(18px,3vw,29px) ui-monospace}.instant{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #887e72}.instant article{padding:18px;border-right:1px solid #a59b8f}.instant article:last-child{border-right:0}.instant small,.totals small{display:block;color:#7e7469;font-size:9px}.instant strong{display:block;font:700 19px Georgia;margin-top:9px}.instant span{display:block;font-size:8px;color:#847b71;margin-top:6px}.instant .late{background:#f5d8cf;color:#9e281e}.instant .good{background:#dce7d5;color:#355d34}.save-row{display:flex;align-items:center;margin-top:20px}.save-row p{color:#b32f24;font-size:11px;flex:1}.save-row p.ok{color:#3e7141}.save-row button{border:0;background:#27231f;color:#fff;padding:15px 21px;font-weight:700;cursor:pointer}.save-row button span{color:var(--red);margin-left:20px}.monthly{padding:45px 35px}.month-title{display:flex;justify-content:space-between;align-items:end}.month-title small{color:var(--red)}.month-title h1{font:clamp(29px,5vw,48px) Georgia;margin:8px 0}.month-title>span{font-size:11px;color:#81776c}.totals{display:grid;grid-template-columns:repeat(3,1fr);background:#292520;color:#fff;margin:25px 0}.totals article{padding:21px;border-right:1px solid #625c54}.totals strong{display:block;font:25px Georgia;margin-top:9px}.totals i{font: 11px ui-monospace}.bars{border:1px solid #9a9085;padding:20px;margin:28px 0}.legend{text-align:right;font-size:9px}.legend span{margin-left:15px}.legend i{display:inline-block;width:10px;height:6px;margin-right:5px}.am{background:var(--blue)}.pm{background:var(--red)}.bar-day{display:grid;grid-template-columns:38px 1fr 1fr;gap:12px;align-items:center;margin:8px 0}.bar-day>small{text-align:right;color:#766d63}.bar-day>div{height:15px;background:#ece4d7;position:relative}.bar-day i{display:block;height:100%}.bar-day b{position:absolute;left:5px;top:2px;font-size:8px;color:#fff}.history{border-top:2px solid #332f2a}.history article{display:grid;grid-template-columns:70px 1fr 1fr .8fr auto auto;gap:18px;align-items:center;padding:15px 4px;border-bottom:1px dashed #a69c90}.history time{color:var(--red);font-weight:700}.history b,.history span{display:block}.history b{font-size:12px}.history span{font-size:9px;color:#847b70;margin-top:3px}.history button{border:1px solid #6f675e;background:transparent;padding:7px;cursor:pointer}.history .delete{border:0;color:#b63529;font-size:18px}.empty{text-align:center;border:1px dashed #a69c90;padding:55px;color:#766d63}footer{text-align:center;padding:20px;color:#736b61;font-size:9px}@media(max-width:720px){header{padding:0 18px}header p{display:none}.entry,.monthly{padding:24px 16px}.timeline{grid-template-columns:1fr 1fr;gap:18px}.timeline>i{display:none}.instant{grid-template-columns:1fr 1fr}.instant article:nth-child(2){border-right:0}.instant article:nth-child(-n+2){border-bottom:1px solid #a59b8f}.totals{grid-template-columns:1fr}.totals article{border-right:0;border-bottom:1px solid #625c54}.history article{grid-template-columns:55px 1fr 1fr}.history article>div:nth-of-type(3),.history button{display:none}.bar-day{grid-template-columns:32px 1fr 1fr;gap:4px}.date-head{align-items:flex-start;gap:15px}}