:root{color:#171717;background:#f6f6f4;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{padding:24px}.oura-summary{width:min(100%,760px)}.oura-summary__header{margin-bottom:12px}.oura-summary__header p,.oura-summary__header h1,.oura-night__header h2,.oura-metric p{margin:0}.oura-summary__header p{color:#686868;margin-bottom:3px;font-size:11px}.oura-summary__header h1{font-size:18px;font-weight:650}.oura-days{gap:10px;display:grid}.oura-night{background:#fff;border:1px solid #deded9;border-radius:9px;padding:10px}.oura-night__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.oura-night__header h2{text-transform:capitalize;font-size:13px;font-weight:650}.oura-night__header span{color:#777;font-size:10px}.oura-summary__metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.oura-metric{border-left:1px solid #ecece8;min-width:0;padding:3px 6px}.oura-metric:first-child{border-left:0}.oura-metric p{color:#686868;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:10px;overflow:hidden}.oura-metric div{align-items:baseline;gap:3px;display:flex}.oura-metric strong{letter-spacing:-.04em;font-size:18px;font-weight:650}.oura-metric span{color:#777;font-size:9px}@media (max-width:600px){main{padding:16px}.oura-summary__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.oura-metric{border-left:0}.oura-metric:last-child{grid-column:1/-1}}