:root{font-family:"Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;color:#213b36;background:#fafbf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:16px 20px calc(24px + env(safe-area-inset-bottom))}header,.totals,.secondary,.manual{display:flex;align-items:center;justify-content:space-between;gap:14px}header h1{font-size:18px;margin:0}button,input,textarea{font:inherit;border:1px solid #d8e2da;border-radius:12px;padding:12px 16px;min-height:48px;background:#fff;color:inherit}button{cursor:pointer;font-weight:600;touch-action:manipulation}button:disabled{opacity:.42;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9a651c;outline-offset:3px}.quiet{background:transparent;border-color:transparent}.primary{width:100%;background:#215d4b;color:#fff;border-color:#215d4b;min-height:60px}.capture{min-height:88px;font-size:25px}.totals{justify-content:flex-start;border-bottom:1px solid #e1e6df;padding:12px 0 16px;margin-bottom:16px;font-size:16px}.totals b{font-size:27px;font-variant-numeric:tabular-nums}.weight,.reading{color:#a4392e}.viewfinder{position:relative;background:#172723;border-radius:16px;overflow:hidden;aspect-ratio:4/3}.viewfinder video{width:100%;height:100%;object-fit:cover;display:block}#scale-guide{position:absolute;left:7%;top:34%;width:86%;height:32%;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 300px #0004;pointer-events:none}#scale-camera-label{position:absolute;left:0;right:0;top:35%;text-align:center;color:#fff}.hint{font-size:13px;text-align:center;color:#62736b;margin:10px 0}.reading{text-align:center;line-height:1.2;padding:4px 0}.reading strong{font-size:clamp(48px,15vw,68px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.reading span{font-size:24px;margin-left:8px}#scale-status{min-height:24px;margin:6px 0 14px;text-align:center;color:#62736b;font-size:14px}.receipt{min-height:48px;display:grid;place-content:center;margin:12px 0;border-radius:10px;color:#215d4b;font-weight:600;background:#edf2eb}.receipt.just-recorded{outline:3px solid #215d4b;background:#dcecdf}.secondary button{flex:1;padding:10px}details{margin-top:22px;border-top:1px solid #e1e6df;padding-top:14px}summary{cursor:pointer;font-size:14px}.manual{align-items:flex-end;margin-top:16px}.manual label{display:grid;gap:6px;min-width:0;flex:1}.manual input{width:100%;font-size:22px}.manual button{min-height:54px}#scale-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#scale-values span{border:1px solid #e1e6df;background:#fff;border-radius:8px;padding:5px 9px;font-variant-numeric:tabular-nums}#scale-error,#scale-transfer{font-size:14px;color:#a4392e}#scale-copy-values{width:100%;min-height:120px}body[aria-busy=true] #scale-status::before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #d4dfd7;border-top-color:#215d4b;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-height:740px){main{padding-top:8px}.viewfinder{aspect-ratio:16/9}.totals{padding:6px 0;margin-bottom:10px}.reading strong{font-size:48px}.receipt{min-height:38px;margin:8px 0}.capture{min-height:72px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}