:root{--bg: #eeeeee;--card: #ffffff;--muted: #94a3b8;--accent: #4dabf7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial;background:var(--bg);color:#333;-webkit-font-smoothing:antialiased}.page{display:flex;flex-direction:column;min-height:100vh}.header{padding:14px 16px;background:transparent}.header{margin:0;font-size:18px;padding:14px 16px;background:transparent;display:flex;align-items:center}.logo{width:80px;height:auto;max-width:100%}.container{padding:12px;display:flex;flex-direction:column;gap:12px}.image-section{width:100%}.image-wrapper{width:100%;border-radius:10px;overflow:hidden;background:var(--card)}.image-wrapper img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover}.graphs{display:flex;flex-direction:column;gap:10px}.graph-card{background:var(--card);border-radius:10px;padding:8px;box-shadow:0 1px 3px #0000001a}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.graph-title{font-size:13px;color:var(--muted)}.graph-value{font-size:16px;font-weight:600;color:#333}.graph-svg{width:100%;height:60px;display:block}.section-title{padding:0;margin:0 0 4px;display:flex;align-items:center}.section-title h2{margin:0;font-size:16px;font-weight:600;color:#333}.calibration-select{background:var(--card);border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;color:#333;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:border-color .2s ease,box-shadow .2s ease;min-width:200px}.calibration-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4dabf71a}.calibration-select:hover{border-color:var(--accent)}@media (min-width:640px){.container{max-width:760px;margin:0 auto}.graphs{flex-direction:row}.graph-card{flex:1}.graph-svg{height:80px}}