:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background:#f7f2ea;color:#1c1b1a}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;padding:2.5rem 1.5rem 3rem;background:linear-gradient(180deg,#f7f2ea,#f1e6d5);display:flex;flex-direction:column;gap:2rem}.app__header{max-width:28rem}.app__header-top{display:flex;align-items:center;justify-content:space-between}.header-tools{display:inline-flex;align-items:center;gap:.6rem}.back-button{background:transparent;border:1px solid #c8bda9;color:#4b453f;border-radius:999px;padding:.35rem .75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.back-button:disabled{opacity:.5;cursor:not-allowed}.back-button svg{width:.9rem;height:.9rem}.status-icon{display:inline-flex;align-items:center;justify-content:center;color:#2b5d3a}.status-icon svg{width:1.1rem;height:1.1rem}.status-icon[aria-label=Offline]{color:#d66f3b}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;color:#0f172a}.brand-mark{width:2rem;height:2rem}.app__title{font-size:2.5rem;margin:0 0 .5rem}.app__subtitle{margin:0;font-size:1rem;line-height:1.4;color:#4b453f}.card{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 40px #2d231426;max-width:32rem;width:100%;display:flex;flex-direction:column;gap:1.5rem}.screen-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.screen-bar .back-button{margin-left:auto}.screen-tabs{display:inline-flex;gap:.5rem;background:#f4efe6;padding:.4rem;border-radius:999px;width:fit-content}.tab-button{border:none;background:transparent;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-weight:600;color:#4b453f}.tab-button.is-active{background:#2b5d3a;color:#fff}.scan-panel{display:flex;flex-direction:column;gap:1rem}.setup-toggle{background:transparent;border:1px solid #c8bda9;color:#4b453f;border-radius:999px;padding:.35rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.setup-icon{width:1.1rem;height:1.1rem;fill:currentColor}.setup-panel{padding:.75rem;border-radius:.85rem;background:#f4efe6}.setup-save{margin-top:.75rem}.setup-panel.is-hidden{display:none}.scan-status{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.85rem;background:#f4efe6;color:#3a342f}.scan-status__label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.15rem}.scan-status__value{margin:0;font-weight:700}.scan-result{margin:0;font-size:1rem}.scan-error,.field-error{margin:0;color:#b3411a;font-weight:600}.field-warning{margin:0;color:#8a5d00;font-weight:600}.scan-preview{border-radius:1rem;background:#1f1f1f;min-height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;position:relative}.scan-preview--active{opacity:1;pointer-events:auto}.scan-preview video{width:100%;height:100%;object-fit:cover}.scan-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.scan-actions{display:flex;flex-direction:column;gap:.75rem}.scan-secondary{background:#f4efe6;color:#2b5d3a;border:1px solid #c8bda9;font-size:1rem;padding:.8rem 1.5rem;border-radius:.75rem;cursor:pointer;font-weight:600}.scan-button{background:#2b5d3a;color:#fff;font-size:1.1rem;padding:.9rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600}.abort-button{background:#f4efe6;color:#3a342f;border:1px solid #d9cdb8;font-size:1rem;padding:.75rem 1.4rem;border-radius:.75rem;cursor:pointer;font-weight:600}.form{display:flex;flex-direction:column;gap:1.2rem}.field{display:flex;flex-direction:column;gap:.5rem;font-weight:600}.field input{padding:.8rem 1rem;border-radius:.75rem;border:1px solid #c8bda9;font-size:1rem}.field select{padding:.8rem 1rem;border-radius:.75rem;border:1px solid #c8bda9;font-size:1rem;background:#fff}.save-button{background:#d66f3b;color:#fff;font-size:1rem;padding:.8rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600}.save-button:disabled{opacity:.5;cursor:not-allowed}.app__footer{margin-top:auto;width:100%;max-width:32rem}.log-card{background:#fff;border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 12px 24px #2d23141f}.log-card__header{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:.95rem;color:#3a342f}.log-card__list{margin-top:.6rem;max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.log-card__detail{margin:0;color:#4b453f;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.log-card__detail--editing{background:#f4efe6;border-radius:.6rem;padding:.35rem .5rem;border:1px solid #e2d8c7}.log-card__name{flex:1}.log-card__time{font-variant-numeric:tabular-nums;color:#6b625a}.log-card__weight{font-variant-numeric:tabular-nums}@media (min-width: 768px){.app{padding:4rem 3rem;align-items:center}.card{padding:2rem}.app__title{font-size:3rem}}