:root{--radius: 22px;--radius-sm: 14px;--tab-h: 66px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--shadow: 0 6px 22px rgba(90, 50, 45, .08);--shadow-lg: 0 14px 40px rgba(90, 50, 45, .14);--bg: #faf4ee;--bg-2: #f3e9df;--card: #fffaf5;--card-2: #f6ece2;--line: #e7d8ca;--text: #3a2f2a;--muted: #8a7a6f;--faint: #b6a89c;--accent: #7b2d3b;--accent-2: #a8435a;--accent-soft: #f2dfe1;--on-accent: #fff8f4;--good: #4f8a5b;--warn: #c98a2e}:root[data-theme=beige-rose]{--bg: #f7f0ea;--bg-2: #efe4da;--card: #fffbf7;--card-2: #f4e8df;--line: #e6d6ca;--text: #4a3b38;--muted: #91807a;--faint: #bcaaa1;--accent: #b25b6b;--accent-2: #c77e8b;--accent-soft: #f6e4e6;--on-accent: #fffaf8;--good: #5a9068;--warn: #cf9440}:root[data-theme=sage]{--bg: #f2f4ee;--bg-2: #e6ebe0;--card: #fbfcf8;--card-2: #eaf0e3;--line: #d8e0cf;--text: #333b31;--muted: #78836f;--faint: #a9b39f;--accent: #5a7d52;--accent-2: #7a9b6f;--accent-soft: #e2ecdb;--on-accent: #fbfdf8;--good: #4f8a5b;--warn: #c98a2e}:root[data-theme=lavender]{--bg: #f5f2f7;--bg-2: #ece5f0;--card: #fdfbfe;--card-2: #efe8f3;--line: #e0d5e6;--text: #3a3340;--muted: #83788c;--faint: #b3a8bc;--accent: #6b5b95;--accent-2: #8a78b5;--accent-soft: #e9e1f0;--on-accent: #fdfbff;--good: #4f8a5b;--warn: #c98a2e}:root[data-theme=peach]{--bg: #fdf3ec;--bg-2: #fbe7d9;--card: #fffaf5;--card-2: #fceadd;--line: #f3ddcb;--text: #4a382e;--muted: #99806f;--faint: #c7ad9a;--accent: #cc6b49;--accent-2: #e0895f;--accent-soft: #fbe2d4;--on-accent: #fffaf6;--good: #4f8a5b;--warn: #c98a2e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit}a{color:var(--accent)}.app{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;padding:calc(var(--safe-t) + 16px) 16px calc(var(--tab-h) + var(--safe-b) + 24px);max-width:640px;margin:0 auto;width:100%}.h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:6px 2px 4px}.sub{color:var(--muted);font-size:14px;margin:0 2px 18px}.section-label{color:var(--muted);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin:24px 4px 12px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--faint);font-size:11px;font-weight:700}.tabbar button.active{color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card.accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);border:none}.card.accent .muted,.card.accent .faint{color:color-mix(in srgb,var(--on-accent) 80%,transparent)}.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-h h2{font-size:17px;font-weight:800;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card-2);color:var(--text);border-radius:999px;padding:13px 18px;font-weight:800;font-size:15px;border:1px solid var(--line);transition:transform .1s ease,background .2s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:var(--shadow)}.btn.primary:active{background:var(--accent-2)}.btn.soft{background:var(--accent-soft);color:var(--accent);border-color:transparent}.btn.ghost{background:transparent;border-color:var(--line)}.btn.block{width:100%}.btn.lg{padding:16px 22px;font-size:16px;border-radius:18px}.btn.sm{padding:9px 14px;font-size:13.5px}.btn:disabled{opacity:.5}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field>label{font-size:13.5px;color:var(--muted);font-weight:700;padding-left:2px}input[type=number],input[type=text],input[type=time],input[type=date],select,textarea{background:var(--card);border:1.5px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:14px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:90px;line-height:1.5}.row{display:flex;gap:12px}.row>*{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seg{display:flex;background:var(--card-2);border-radius:999px;padding:4px;gap:4px}.seg button{flex:1;border-radius:999px;padding:11px 8px;font-weight:700;font-size:14px;color:var(--muted)}.seg button.on{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:10px 15px;font-size:14px;font-weight:700}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;transition:border-color .15s,background .15s}.opt.on{border-color:var(--accent);background:var(--accent-soft)}.opt .emoji{display:none}.opt .opt-t{font-weight:800;font-size:16px}.opt .opt-d{color:var(--muted);font-size:13px;margin-top:2px}.opt .radio{width:24px;height:24px;border-radius:999px;border:2px solid var(--line);flex:0 0 auto;margin-left:auto;display:flex;align-items:center;justify-content:center}.opt.on .radio{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{background:var(--card-2);border-radius:var(--radius-sm);padding:15px}.stat .k{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat .v{font-size:26px;font-weight:800;margin-top:4px;letter-spacing:-.01em}.stat .u{font-size:14px;color:var(--faint);font-weight:700}.dots{display:flex;gap:7px;justify-content:center;margin-bottom:18px}.dots i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:all .2s}.dots i.on{background:var(--accent);width:22px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:800;background:var(--accent-soft);color:var(--accent)}.list-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);margin-bottom:10px}.list-row .grow{flex:1;min-width:0}.icon-btn{width:38px;height:38px;border-radius:12px;background:var(--card-2);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--muted)}.icon-btn.danger{color:var(--accent)}.acc{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}.acc>summary{list-style:none;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800}.acc>summary::-webkit-details-marker{display:none}.acc[open]>summary{border-bottom:1px solid var(--line)}.acc .body{padding:16px}.chev{transition:transform .2s;color:var(--faint)}.acc[open] .chev{transform:rotate(90deg)}.muted{color:var(--muted)}.faint{color:var(--faint)}.center{text-align:center}.b{font-weight:800}.big-num{font-size:44px;font-weight:800;letter-spacing:-.02em}hr.sep{border:0;border-top:1px solid var(--line);margin:16px 0}.scroll-x{overflow-x:auto}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + var(--safe-b) + 18px);background:var(--text);color:var(--card);padding:12px 20px;border-radius:999px;font-size:14px;font-weight:700;z-index:100;box-shadow:var(--shadow-lg)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#3c282459;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{background:var(--bg);width:100%;max-width:560px;border-radius:26px 26px 0 0;padding:20px 18px calc(20px + var(--safe-b));max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.sheet-handle{width:42px;height:5px;border-radius:999px;background:var(--line);margin:0 auto 14px}.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.swatch{border:2px solid var(--line);border-radius:var(--radius-sm);padding:14px;text-align:left;display:flex;align-items:center;gap:12px}.swatch.on{border-color:var(--accent)}.swatch .dot{width:34px;height:34px;border-radius:999px;flex:0 0 auto;box-shadow:inset 0 0 0 3px #ffffff80}.bar{height:12px;border-radius:999px;background:var(--card-2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.hero{padding:30px 4px 8px;text-align:center}.hero .big-num{color:var(--accent)}