html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#1f2937;background:#f3f4f6;min-width:320px;min-height:100%;margin:0}button,input,select,textarea{font-family:inherit}#root{width:100%}:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f3f4f6}button,input,select,textarea{font:inherit}.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-background{z-index:-2;background-image:var(--background-image);background-color:#f3f4f6;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.app-background:after{content:"";background:#ffffff1a;position:absolute;inset:0}.app{width:100%;max-width:980px;margin:0 auto;padding:28px 16px 42px}.app-header{margin-bottom:24px}.app-header h1{letter-spacing:-.025em;color:#111827;text-shadow:0 1px 3px #ffffffd9;margin:0;font-size:2.3rem;font-weight:750;line-height:1.15}.app-header p{color:#4b5563;text-shadow:0 1px 3px #ffffffd9;margin:6px 0 0;font-size:1rem}.card{background:rgba(255, 255, 255, var(--card-opacity));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #d1d5dbe6;border-radius:15px;margin-bottom:20px;padding:20px;box-shadow:0 4px 18px #0000000f}.card h2{color:#111827;margin-top:0;margin-bottom:18px}label{color:#1f2937;flex-direction:column;gap:7px;min-width:0;font-weight:600;display:flex}input,select,textarea{color:#1f2937;-webkit-text-fill-color:#1f2937;opacity:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffffff0;border:1px solid #bfc5ce;border-radius:8px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{outline-offset:1px;border-color:#60a5fa;outline:2px solid #60a5fa}input::placeholder,textarea::placeholder{color:#8a919c;-webkit-text-fill-color:#8a919c;opacity:1}select option{color:#1f2937;background:#fff}small{color:#6b7280;font-weight:400;line-height:1.35}.form-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-top:16px;display:grid}.measurement-grid{grid-template-columns:180px minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px 26px;display:grid}.measurement-grid>label{width:100%;min-width:0;line-height:1.25;overflow:hidden}.measurement-grid input{width:100%;min-width:0;max-width:100%;inline-size:100%}.measurement-actions{margin-top:18px}.button-row{flex-wrap:wrap;gap:10px;display:flex}button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#2563eb;border:none;border-radius:8px;min-height:44px;padding:10px 16px;font-size:16px;font-weight:600}button:active{transform:translateY(1px)}button.secondary{background:#64748b}button.danger{background:#b91c1c}.separator{background:#e5e7ebe6;height:1px;margin:22px 0}.history-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.history-heading h2{margin-bottom:0}.series-badge{color:#1d4ed8;white-space:nowrap;background:#dbeafee6;border-radius:999px;align-items:center;padding:5px 10px;font-size:.85rem;font-weight:650;display:inline-flex}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;color:#1f2937;border-bottom:1px solid #e5e7ebe6;padding:12px 10px}th{color:#111827;background:#f8fafcb8;font-weight:600}.series-row td{background:#2563eb12;border-top:2px solid #2563eb59;border-bottom:2px solid #2563eb59}.series-label{color:#1d4ed8;white-space:normal;font-weight:650}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.table-actions button{min-height:36px;padding:7px 10px;font-size:.9rem}.empty{color:#6b7280}.settings-card{padding:0}.settings-card summary{cursor:pointer;color:#111827;-webkit-user-select:none;user-select:none;padding:17px 20px;font-size:1.05rem;font-weight:700}.settings-content{gap:20px;padding:0 20px 20px;display:grid}.settings-block{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.settings-block label{flex:280px}.file-input{background:#fffffff0;padding:7px}.opacity-slider{accent-color:#2563eb;background:0 0;border:none;min-height:36px;padding:0}.opacity-value{color:#374151;min-width:48px;padding-bottom:8px;font-weight:700}footer{text-align:center;color:#4b5563;text-shadow:0 1px 3px #ffffffd9;margin-top:28px;font-size:.9rem}@media (width<=900px){.app{max-width:100%;padding:20px 14px 34px}.card{padding:18px}.measurement-grid{grid-template-columns:170px minmax(0,1.12fr) minmax(0,1fr);column-gap:24px}th,td{padding:11px 8px}}@media (width<=700px){.app{padding:16px 10px 30px}.app-header h1{font-size:1.9rem}.form-grid,.measurement-grid{grid-template-columns:1fr;gap:14px 0}.button-row{width:100%}.button-row button{flex:auto}.card{padding:16px}.settings-card{padding:0}th,td{padding:10px 8px}}@media (width<=420px){.app{padding:12px 8px 24px}.app-header h1{font-size:1.55rem}.card{padding:14px}.table-actions{flex-direction:column}.table-actions button{width:100%}}