:root{--color-bg-page:#f5f5f5;--color-bg-card:#fff;--color-text-primary:#000;--color-text-secondary:#949494;--color-pr:#2ad571;--color-entry-default:#e5e5e5;--color-entry-placeholder:#f0f0f0;--color-entry-cap:#1a1a1a;--font-inter:"Inter", system-ui, -apple-system, sans-serif;--font-sf:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--color-bg-page);font-family:var(--font-inter);color:var(--color-text-primary);min-height:100vh}.card{background:var(--color-bg-card);border-radius:16px;outline:none;flex-direction:column;gap:16px;width:100%;height:116px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000a}.card:focus-visible{outline:2px solid var(--color-pr);outline-offset:2px}.card__top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;height:40px;display:flex}.card__left{text-align:left;flex-direction:column;flex:auto;min-width:0;display:flex}.card__right{text-align:right;flex-direction:column;flex:0 auto;align-items:flex-end;min-width:0;max-width:40%;display:flex}.card__title{font-family:var(--font-inter);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;line-height:18px;display:block;overflow:hidden}.card__subtitle{font-family:var(--font-inter);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:400;line-height:18px;display:block;overflow:hidden}.card__value{font-family:var(--font-sf);color:var(--color-text-primary);white-space:nowrap;font-size:20px;font-weight:600;line-height:26px}.card__value--best{color:var(--color-pr)}.card__unit{font-family:var(--font-inter);color:var(--color-text-primary);white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.card__strip{flex-direction:row;align-items:stretch;gap:8px;width:100%;height:40px;display:flex}.card__slot{border-radius:6px;flex:1 1 0;min-width:0;position:relative;overflow:hidden}.card__slot--entry{background:var(--color-entry-default)}.card__slot--placeholder{background:var(--color-entry-placeholder)}.card__slot--best{background:var(--color-pr)}.card__cap{background:var(--color-entry-cap);height:4px;position:absolute;left:0;right:0}.card__cap--top{top:0}.card__cap--bottom{bottom:0}.page{background:var(--color-bg-page);justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex}.page__column{flex-direction:column;gap:16px;width:100%;max-width:361px;display:flex}