.journal-entry{background-color:#fffefc;border:.5px solid #00000014;border-radius:17px;flex-direction:column;gap:8px;width:100%;max-width:153px;min-height:130px;padding:14px;display:flex;box-shadow:0 20px 25px -10px #0000001f}.entry-type-badge{background-color:#f7f6f5;border-radius:7px;align-items:center;gap:2px;width:fit-content;padding:4px 7px;display:flex}.badge-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.badge-icon svg{width:100%;height:100%}.badge-text{color:#33140c;white-space:nowrap;margin:0;font-family:HAL Four Grotesk,sans-serif;font-size:10px;font-weight:500}.journal-question{color:#33140c;margin:0;font-family:GT Alpina,serif;font-size:15px;font-weight:700;line-height:18px}.journal-timestamp{align-items:center;display:flex}.journal-timestamp p{color:#a1a1a1;white-space:nowrap;margin:0;font-family:HAL Four Grotesk,sans-serif;font-size:9px;font-weight:400}.goal-platter{background-color:#fffefc;border:.5px solid #e5e5e5;border-radius:20px;width:240px;padding:16px 20px 12px;position:relative;box-shadow:0 4px 12px #0000000f}.goal-platter-header{justify-content:center;align-items:center;gap:5px;margin-bottom:12px;display:flex}.goal-platter-emoji{font-size:13px;line-height:1}.goal-platter-title{color:#33140c;margin:0;font-family:HAL Four Grotesk,sans-serif;font-size:12px;font-weight:500}.nutrient-circles{align-items:flex-start;gap:5px;display:flex}.nutrient-item{flex-direction:column;align-items:center;gap:8px;display:flex}.nutrient-circle{border:.5px solid #00000026;border-radius:50%;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.circle-background{background-color:#e8f2f3;position:absolute;inset:0}.circle-fill{border:none;border-top:.5px solid #0000000d;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.circle-shadow{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -5px 10px #0000000a}.circle-amount{text-align:center;white-space:nowrap;z-index:10;font-family:HAL Four Grotesk,sans-serif;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nutrient-label{color:#33140c;text-align:center;white-space:nowrap;margin:0;font-family:HAL Four Grotesk,sans-serif;font-size:9px;font-weight:500}