:root{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f7f7fa;--text: #1c1c1e;--muted: #6e6e73;--faint: #aeaeb2;--line: #e2e2e7;--accent: #8a4fff;--accent-soft: #efe7ff;--danger: #d92d3a;--danger-soft: #fde8ea;--warn: #b26a00;--warn-soft: #fff3dc;--ok: #1f8f4e;--radius: 12px;--tabbar-h: 60px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;line-height:1.4;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--text: #f2f2f7;--muted: #a1a1a6;--faint: #636366;--line: #38383a;--accent: #b28cff;--accent-soft: #2e2347;--danger: #ff5a64;--danger-soft: #3a1c20;--warn: #ffb74a;--warn-soft: #3a2c12;--ok: #4ed283;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.app{max-width:920px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar h1{flex:1;margin:0;font-size:1.15rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .side{display:flex;gap:4px;min-width:88px}.topbar .side.right{justify-content:flex-end}.icon-btn{border:0;background:transparent;color:var(--accent);padding:6px 8px;border-radius:8px;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.icon-btn:hover{background:var(--accent-soft)}.icon-btn.big{font-size:1.5rem;line-height:1;padding:2px 10px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;max-width:240px;height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.75rem}.tabbar a .ico{font-size:1.35rem}.tabbar a.active{color:var(--accent)}.search{padding:10px 12px}.search input{width:100%;padding:9px 12px;border-radius:10px;border:0;background:var(--surface-2);outline:1px solid var(--line)}.group-header{position:sticky;top:calc(53px + env(safe-area-inset-top));z-index:10;padding:6px 16px;font-weight:700;background:var(--surface-2);border-bottom:1px solid var(--line)}.list{background:var(--surface)}.row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;cursor:pointer;min-height:48px}.row:hover{background:var(--surface-2)}.row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{color:var(--muted);font-size:.85rem;white-space:nowrap}.empty{padding:32px 16px;text-align:center;color:var(--muted)}.pyr{display:inline-flex;flex-direction:column;align-items:center;width:22px;gap:1px;flex:none}.pyr i{display:block;height:3px;border-radius:2px;background:currentColor;opacity:.25}.pyr i.on{opacity:1}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:.78rem;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;cursor:pointer}.chip.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);border-color:transparent}.chip.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.dot{width:14px;height:14px;border-radius:50%;flex:none;border:1px solid var(--line)}.page{padding:12px;display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--line)}.card h2{margin:0 0 10px;font-size:1.05rem}.field{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:8px;padding:6px 0}.field>label{color:var(--muted)}.field input,.field select,.field textarea,.input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2)}textarea{width:100%;min-height:90px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);resize:vertical}.title-input{width:100%;font-size:1.8rem;font-weight:700;border:0;background:transparent;padding:0}.title-input:focus{outline:none}.sub-input{width:100%;font-style:italic;color:var(--muted);border:0;background:transparent;padding:4px 0 8px}.sub-input:focus{outline:none}.seg{display:flex;background:var(--surface-2);border-radius:9px;padding:2px;gap:2px;border:1px solid var(--line)}.seg button{flex:1;border:0;background:transparent;padding:6px 4px;border-radius:7px;cursor:pointer;font-size:.85rem;color:var(--muted)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}.btn{border:0;border-radius:10px;padding:9px 14px;cursor:pointer;background:var(--accent);color:#fff;font-weight:600}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.hint{color:var(--muted);font-size:.85rem}.banner{padding:10px 14px;border-radius:10px;font-size:.9rem}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.danger{background:var(--danger-soft);color:var(--danger)}.banner.info{background:var(--accent-soft);color:var(--accent)}.entry{display:grid;grid-template-columns:24px 1fr auto auto;gap:4px 10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.entry .ename{min-width:0;display:flex;flex-direction:column;gap:3px}.entry .ename .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.entry .tags{display:flex;gap:4px;flex-wrap:wrap}.entry .amt{display:flex;align-items:center;gap:4px}.entry .amt input{width:84px;text-align:right;padding:5px 6px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2)}.entry .amt select{padding:5px 2px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);font-size:.85rem}.entry .pct{text-align:right;min-width:66px;font-variant-numeric:tabular-nums}.entry .pct small{display:block;color:var(--muted);font-size:.72rem}.entry.flag-increase,.entry.flag-decrease,.entry.flag-swap,.entry.flag-note{box-shadow:inset 4px 0 0 var(--warn)}.entry.over-ifra .pct{color:var(--danger);font-weight:600}.entry .note{grid-column:2 / -1;font-size:.85rem;color:var(--warn);background:var(--warn-soft);padding:4px 8px;border-radius:6px;cursor:pointer}.entry .note.done{text-decoration:line-through;opacity:.6}.entry.child{background:var(--surface-2);padding-left:34px;font-size:.9rem}.entry.total{font-weight:700}.entry.solvent .ename .n{color:var(--muted)}.add-row{display:block;width:100%;padding:14px;text-align:center;color:var(--muted);background:var(--surface);border:0;border-bottom:1px solid var(--line);cursor:pointer}.add-row:hover{color:var(--accent)}.bars{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:6px 12px;align-items:center}.bar{height:14px;border-radius:7px;min-width:14px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;align-items:flex-end;justify-content:center}@media(min-width:700px){.backdrop{align-items:center}}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;overflow:auto;border-radius:16px 16px 0 0;padding:16px;display:flex;flex-direction:column;gap:10px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}@media(min-width:700px){.sheet{border-radius:16px}}.sheet h3{margin:0;font-size:1.1rem}.picker-list{max-height:50dvh;overflow:auto;border:1px solid var(--line);border-radius:10px}.picker-list .row{padding:9px 12px}.picker-list .row.selected{background:var(--accent-soft)}@media(max-width:520px){.field{grid-template-columns:1fr;gap:2px}.entry{grid-template-columns:20px 1fr auto}.entry .pct{grid-column:3}.entry .amt{grid-column:2 / 4;justify-self:start}}.preview-ribbon{background:#e8590c;color:#fff;text-align:center;font-size:.78rem;font-weight:600;padding:3px 8px;letter-spacing:.02em}