:root{--card:#ffffff;--ink:#243029;--muted:#7e8c83;--green:#2fa46a;--green-soft:#e3f5ea;--amber:#c08a1f;--amber-soft:#fbf2da;--blue:#2f7fb0;--blue-soft:#e2eff5;--violet:#7a59ad;--violet-soft:#efe9f8;--radius:14px;--shadow:0 1px 2px rgba(30,50,40,0.05),0 6px 18px rgba(30,50,40,0.07);--bg:#f4f1ec;--sunken:#efe8e0;--line:#e8ded3;--accent:#df6f43;--accent-soft:#f9e8de}[data-accent=green]{--bg:#edf2ea;--sunken:#e4ede0;--line:#dce6d8;--accent:#2f9e63;--accent-soft:#e1f1e7}[data-accent=sky]{--bg:#ecf1f6;--sunken:#e2ebf2;--line:#d8e4ee;--accent:#2f80b4;--accent-soft:#e1eef6}[data-accent=slate]{--bg:#eef0f3;--sunken:#e5e8ec;--line:#dce0e6;--accent:#57687d;--accent-soft:#e8ebf0}[data-theme=dark]{--card:#1e2629;--ink:#e9efeb;--muted:#94a59b;--green:#4fc285;--green-soft:#15302a;--amber:#d6a648;--amber-soft:#2f2a16;--blue:#6cb0e0;--blue-soft:#16283a;--violet:#b491de;--violet-soft:#261f34;--shadow:0 1px 4px rgba(0,0,0,0.5);--bg:#141a1c;--sunken:#181f22;--line:#33414a;--accent:#ff8a52;--accent-soft:#36251c}[data-theme=dark][data-accent=green]{--bg:#121a17;--sunken:#161f1b;--line:#2f3f37;--accent:#4fc285;--accent-soft:#15302a}[data-theme=dark][data-accent=sky]{--bg:#121a20;--sunken:#16212a;--line:#2c3c48;--accent:#5aa9e0;--accent-soft:#16283a}[data-theme=dark][data-accent=slate]{--bg:#15191e;--sunken:#181d23;--line:#323b45;--accent:#8fa6bd;--accent-soft:#232c35}[data-theme=dark] .quickadd button,[data-theme=dark] .seg button,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#28323666}[data-theme=dark] .toast{box-shadow:0 4px 16px rgba(0,0,0,.55)}.fav-box{background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0}.swatch{width:12px;height:12px;border-radius:999px;display:inline-block;margin-right:6px;vertical-align:-1px;border:1px solid rgba(0,0,0,.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}.app{max-width:560px;margin:0 auto;padding:16px 16px 84px;min-height:100dvh}h1{font-size:1.35rem;margin:.4rem 0 .8rem}h2{font-size:1.05rem;margin:1.1rem 0 .5rem}p{margin:.4rem 0}.muted{color:var(--muted);font-size:.86rem}.small{font-size:.82rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin:10px 0;box-shadow:var(--shadow)}.subcard{background:var(--sunken);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.btn,button{font:inherit;border:none;border-radius:12px;padding:12px 16px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-barcode{background-image:linear-gradient(90deg,color-mix(in srgb,var(--ink) 26%,transparent) 0 2px,transparent 2px 5px,color-mix(in srgb,var(--ink) 26%,transparent) 5px 6px,transparent 6px 10px,color-mix(in srgb,var(--ink) 26%,transparent) 10px 13px,transparent 13px 16px,color-mix(in srgb,var(--ink) 26%,transparent) 16px 17px,transparent 17px 21px,color-mix(in srgb,var(--ink) 26%,transparent) 21px 24px,transparent 24px 28px,color-mix(in srgb,var(--ink) 26%,transparent) 28px 29px,transparent 29px 33px,color-mix(in srgb,var(--ink) 26%,transparent) 33px 35px,transparent 35px 39px,color-mix(in srgb,var(--ink) 26%,transparent) 39px 40px,transparent 40px 46px);background-size:46px 100%;background-repeat:repeat-x}.btn-auth{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-weight:600;cursor:pointer}.btn-auth:active{filter:brightness(.96)}.btn-auth svg{flex-shrink:0}.btn-sm{padding:7px 12px;border-radius:10px;font-size:.88rem}.btn-block{width:100%;display:block}input,select,textarea{font:inherit;width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink)}input[type=checkbox]{width:16px;height:16px;padding:0;margin:0;flex:0 0 auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:64px}label{display:block;font-size:.88rem;color:var(--muted);margin:10px 0 4px}.row,.row-between{display:flex;gap:8px;align-items:center}.row-between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1 1}.chip{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.chip-measured{background:var(--green-soft);color:var(--green)}.chip-estimated{background:var(--amber-soft);color:var(--amber)}.chip-corrected{background:var(--blue-soft);color:var(--blue)}.chip-clarify{background:var(--violet-soft);color:var(--violet)}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{background:#fff;color:var(--ink);border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-weight:500;font-size:.9rem}.seg button.on{background:var(--accent);border-color:var(--accent);color:#fff}.totals{display:flex;gap:10px}.total-box{flex:1 1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.total-num,.total-num-input{font-size:1.25rem;font-weight:700}.total-num-input{width:100%;text-align:center;background:transparent;border:none;border-bottom:1px dashed var(--line);border-radius:0;padding:0 0 2px;color:inherit}.total-num-input:focus{outline:none;border-bottom-color:var(--accent)}.bar{height:6px;background:var(--line);margin-top:6px;overflow:hidden}.bar,.bar>div{border-radius:4px}.bar>div{height:100%;background:var(--accent)}.bar>div.over{background:var(--amber)}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10}.nav a{text-decoration:none;color:var(--muted);font-size:.8rem;text-align:center;padding:4px 16px;border-radius:10px}.nav a.active{color:var(--accent);font-weight:700;background:var(--accent-soft)}.nav .ico-img{display:block;margin:0 auto 2px;width:22px;height:22px}.nav .ico-emoji{display:none;font-size:1.15rem;line-height:1}@media (pointer:coarse){.nav .ico-img{display:none}.nav .ico-emoji{display:block}}.emo-char{display:none}.emo-img{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.18em}@media (pointer:coarse){.emo-char{display:inline}.emo-img{display:none}}.assumption{font-size:.8rem;color:var(--muted);background:var(--sunken);border-radius:8px;padding:6px 9px;margin-top:6px}.banner{background:var(--accent-soft);color:var(--ink);border-radius:var(--radius);padding:10px 14px;font-size:.9rem;margin:10px 0}.center{text-align:center}.mt{margin-top:14px}.mb{margin-bottom:14px}.sparkline{width:100%;height:64px}.danger{background:#b03030}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.dot-green{background:var(--green)}.dot-amber{background:var(--amber)}.dot-red{background:#b03030}.appbar{display:flex;align-items:center;gap:9px;padding:4px 2px 10px}.appbar img{width:28px;height:28px;border-radius:7px}.appbar .brand{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.appbar .tag{color:var(--muted);font-size:.8rem;margin-left:auto}.appbar-avatar{margin-left:8px;flex-shrink:0;text-decoration:none;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem}.appbar-avatar,.appbar-avatar img{width:28px;height:28px;border-radius:999px}.appbar-avatar img{display:block}.appbar-icon{margin-left:8px;flex-shrink:0;text-decoration:none;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem}.appbar-icon:hover{background:var(--accent-soft);color:var(--accent)}.rings{display:flex;gap:10px}.ring-card{flex:1 1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;align-items:center;gap:12px}.ring{width:64px;height:64px;flex-shrink:0}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--accent);transition:stroke-dashoffset .5s ease}.ring-fill.near{stroke:var(--amber)}.ring-fill.over{stroke:#d8552a}.ring-center{font-size:.92rem;font-weight:700;fill:var(--ink)}.ring-meta .ring-num{font-size:1.05rem;font-weight:700}.ring-meta .ring-cap{color:var(--muted);font-size:.78rem}.note{background:var(--accent-soft);border-radius:var(--radius);padding:12px 14px;margin:10px 0;font-size:.92rem}.note .note-why{color:var(--accent);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.empty{text-align:center;padding:14px 8px 4px;color:var(--muted)}.quickadd{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quickadd button{background:#fff;color:var(--ink);border:1px dashed var(--line);border-radius:999px;padding:9px 14px;font-size:.9rem;font-weight:500}@keyframes pulse{0%{transform:scale(.96);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}.pulse{animation:pulse .35s ease-out}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:var(--green);color:#fff;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;z-index:20;box-shadow:0 4px 16px rgba(0,0,0,.15);max-width:calc(100vw - 32px);white-space:normal;text-align:center;line-height:1.3}.toast.err{background:#b03030}.legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.74rem;color:var(--muted);margin-top:8px}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.scan-wrap{position:relative;margin-top:10px}.scan-reticle{position:absolute;left:8%;right:8%;top:14%;bottom:14%;border:3px solid rgba(255,255,255,.9);border-radius:16px;pointer-events:none;transition:border-color .2s,box-shadow .2s}.scan-reticle.found{border-color:var(--green);box-shadow:0 0 0 3px rgba(58,143,93,.45)}.scan-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:.95rem;font-weight:600;min-height:22px;text-align:center}.scan-status.found{color:var(--green)}.spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.legend-box{background:var(--sunken);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:.78rem;color:var(--muted);margin-bottom:12px}.legend-box .lg-row{gap:4px 10px;margin:8px 0}.install-banner,.legend-box .lg-row{display:flex;flex-wrap:wrap;align-items:center}.install-banner{gap:10px}.install-banner .grow2{flex:1 1;min-width:150px}.ob-progress{margin:6px 0 14px}.ob-progress .bar{margin-top:6px}html.i18n-pending [data-i18n-root]{visibility:hidden}