html,body,#root{margin:0;min-height:100%}body{background:#f6f5f1;color:#1b1b1a;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif}.app{max-width:480px;margin:0 auto;padding:0 0 96px;min-height:100vh;position:relative;box-sizing:border-box}.screen{padding:20px 16px}h1{font-size:28px;margin:0 0 4px}h2{margin:0;font-size:20px}h3{margin:20px 0 8px;font-size:15px;color:#666;text-transform:uppercase;letter-spacing:.05em}.sub{color:#666;margin:0 0 12px}label{display:block;font-size:12px;color:#666;margin:14px 0 6px;font-weight:600}input,select{width:100%;box-sizing:border-box;font-size:16px;padding:12px;border:1px solid #d9d6cc;border-radius:12px;background:#fff}button{font-family:inherit;font-size:16px;cursor:pointer}.card{background:#fff;border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 1px 2px #0000000d}.top{display:flex;justify-content:space-between;align-items:center}.streak{background:#fff;border-radius:999px;padding:6px 12px;font-weight:600;font-size:14px}.hero{display:flex;align-items:center;gap:16px}.ring{width:150px;height:150px}.ring-bg{fill:none;stroke:#eceae2;stroke-width:12}.ring-fg{fill:none;stroke:#1b1b1a;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .5s}.ring-fg.over{stroke:#d9480f}.ring-n{font-size:28px;font-weight:700;fill:#1b1b1a}.ring-l{font-size:11px;fill:#777}.hero-r{display:flex;flex-direction:column}.hero-r b{font-size:34px}.hero-r small{color:#777}.mbar{margin:10px 0}.mrow{display:flex;justify-content:space-between;font-size:14px}.mrow small{color:#888;font-weight:400}.track{height:8px;background:#eceae2;border-radius:6px;overflow:hidden;margin-top:6px}.fill{height:100%;border-radius:6px}.fill.p{background:#e8590c}.fill.c{background:#f59f00}.fill.f{background:#1971c2}.meal{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 14px;margin:8px 0}.meal>div:first-child{flex:1;min-width:0}.meal b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal small{color:#888;font-size:12px}.mk{text-align:right}.mk b{font-size:18px}.mk small{display:block}.del{background:none;border:0;font-size:24px;color:#aaa;padding:4px 8px}.empty{color:#888;text-align:center;padding:28px 12px;background:#fff;border-radius:14px}.dh{display:flex;justify-content:space-between;margin:18px 2px 6px;font-size:14px}.ov{color:#d9480f}.tabs{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:flex;background:#fff;border-top:1px solid #e5e2d8;padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;background:none;border:0;padding:16px 0;color:#888;font-weight:600}.tabs button.on{color:#1b1b1a}.fab{position:fixed;bottom:72px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:#1b1b1a;color:#fff;border:0;font-size:34px;line-height:1;box-shadow:0 6px 16px #00000040;z-index:5}.primary{width:100%;background:#1b1b1a;color:#fff;border:0;border-radius:14px;padding:15px;font-weight:600;margin-top:12px}.primary:disabled{opacity:.5}.ghost{width:100%;background:#fff;border:1px solid #d9d6cc;border-radius:14px;padding:13px;margin-top:10px}.link{background:none;border:0;color:#1971c2;margin:14px auto;display:block}.seg{display:flex;gap:6px}.seg button{flex:1;padding:12px 4px;border:1px solid #d9d6cc;background:#fff;border-radius:12px}.seg button.on{background:#1b1b1a;color:#fff;border-color:#1b1b1a}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grid4 input{padding:10px 6px;text-align:center}.tgt{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-top:18px}.tgt b{display:block;font-size:18px}.tgt small{color:#888;font-size:11px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet-in{background:#f6f5f1;width:100%;max-width:480px;max-height:92vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 16px 28px;box-sizing:border-box}.sheet-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.x{background:none;border:0;color:#1971c2}.snap{width:100%;height:200px;border:2px dashed #c9c5b6;border-radius:18px;background:#fff;color:#666}.preview{width:100%;max-height:260px;object-fit:cover;border-radius:16px}.hint{margin-top:10px}.row2{display:grid;grid-template-columns:1fr 2fr;gap:8px}.err{background:#fff0e8;color:#a33a08;border-radius:12px;padding:12px;margin-top:12px;font-size:14px}.err a{text-decoration:underline;margin-left:6px}.nm{font-weight:600}.note{color:#666;font-size:14px;margin:8px 0}.tiny{font-size:12px;color:#888}