.record-open{display:block;margin-top:8px;padding:0;border:0;background:transparent;color:#91b7dc;font:600 11px/1.5 Manrope,sans-serif;cursor:pointer}
.record-open:hover{background:transparent;color:#b3d6ff}
#recordDayDialog{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(720px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:24px;border:1px solid #304047;background:#10191e;color:#edf4f4;overflow:auto}
#recordDayDialog::backdrop{background:#0009}
#recordDayDialog header{display:flex;justify-content:space-between;gap:16px;align-items:start}
#recordDayDialog h2{margin:0;font-size:24px}#recordDayDialog h3{font-size:16px;margin:24px 0 12px}
#recordDayDialog header p{color:#99afbc;margin:6px 0}
#recordDayDialog [data-close-record]{background:transparent;border:0;color:#c5d3dc;font-size:28px;cursor:pointer}
.record-day-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.record-day-metrics>div{padding:12px;border:1px solid #2b3940;border-radius:10px;min-width:0}
.record-day-metrics span{display:block;color:#9bb1be;font-size:12px;margin-bottom:5px}
.record-day-metrics strong{font-size:22px;overflow-wrap:anywhere}
.record-hours{display:flex;align-items:end;gap:5px;overflow-x:auto;padding:15px 0 8px}
.record-hour{flex:1;min-width:19px;display:flex;flex-direction:column;align-items:center;justify-content:end;height:140px;font-size:10px}
.record-hour b{font-size:10px;color:#bfd1d8}.record-hour i{display:block;width:75%;min-height:1px;background:#68d735;border-radius:3px 3px 0 0;margin-top:4px}.record-hour small{margin-top:7px;color:#97acb7}.record-hour.selected i{background:#57b5ff}.record-hour.selected small{color:#57b5ff;font-weight:800}