*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{color-scheme:light}:root{color-scheme:light;--bg: #f6f7f5;--paper: #ffffff;--ink: #1e2521;--muted: #657067;--line: #d7ded8;--line-strong: #9aa69d;--chip: #edf3ee;--chip-active: #d8eadc;--accent: #2f6f4e;--accent-2: #b66a26;--warn: #fff4d6;--danger-line: #d5b3ac;--danger-bg: #fff5f2;--danger-ink: #8a2e23;--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}#app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:84px}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.hidden{display:none!important}.appbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--paper);border-bottom:1px solid var(--line);min-height:56px}.brand strong{font-size:16px;display:block}.brand span{color:var(--muted);font-size:11px}.icon-button,.ghost-button,.primary-button,.danger-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius);border:1px solid var(--line);padding:8px 14px;background:var(--paper);color:var(--ink);font-weight:650;font-size:14px}.icon-button{width:44px;padding:0;font-size:18px}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:disabled{opacity:.5}.danger-button{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-ink)}.ghost-button.small{min-height:36px;padding:4px 10px;font-size:13px}.content{padding:14px;display:grid;gap:14px}.search{min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;background:#fbfcfb}.search input{border:0;background:transparent;width:100%;outline:none;font-size:15px}.count-label{color:var(--muted);font-size:13px;font-weight:600}.card{display:grid;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--paper);text-align:left;width:100%;cursor:pointer}a.card,button.card{text-decoration:none;color:inherit}.card-title{font-size:15px;font-weight:700}.card-sub{color:var(--muted);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:var(--chip);color:var(--ink);font-size:12px;font-weight:620}.chip.active{border-color:#9bc3a8;background:var(--chip-active)}.chip.active:before{content:"✓ "}.chip-btn{border:1px solid var(--line)}.setup-line{color:var(--ink);font-size:13px}.notes-preview{color:var(--muted);font-size:13px;font-style:italic}.empty-state{display:grid;gap:12px;justify-items:center;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);padding:32px 20px;color:var(--muted)}.fab-wrap{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;z-index:10;pointer-events:none}.fab-inner{width:100%;max-width:480px;padding:12px 14px;pointer-events:auto;background:linear-gradient(to top,var(--bg) 60%,transparent)}.floating-action{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:750;border:0;font-size:15px}.field{display:grid;gap:6px}.label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hint{color:var(--muted);font-size:12px}.textinput{min-height:44px;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:#fbfcfb;color:var(--ink)}textarea.textinput{min-height:84px;resize:vertical}.carried{border:2px dashed #9bc3a8;border-radius:var(--radius)}.carried-note{color:var(--accent);font-size:12px;font-weight:600}.stepper{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;align-items:stretch}.step{min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:20px;font-weight:700}.step-display{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfb;display:flex;align-items:center;justify-content:center;gap:6px}.step-display input{border:0;background:transparent;width:70px;text-align:right;font-size:18px;font-weight:700;outline:none}.step-display span{color:var(--muted);font-size:12px}.note-box{border:1px solid #ead8a3;border-radius:var(--radius);padding:10px;background:var(--warn);color:#6d5315;font-size:12px}fieldset{border:0;margin:0;padding:0}.collapse-toggle{min-height:44px;width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:8px 12px;font-weight:650;color:var(--ink)}.collapse-body{display:grid;gap:14px;padding-top:6px}.form-actions{display:grid;gap:8px;padding-top:6px}.detail-hero{padding:16px 14px;border-bottom:1px solid var(--line);background:#fbfcfb;display:grid;gap:10px}.detail-title{font-size:19px;line-height:1.2}.summary-list{display:grid;gap:10px}.summary-row{display:grid;grid-template-columns:88px 1fr;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}.summary-row:last-child{border-bottom:0;padding-bottom:0}.pressure-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pressure-box{border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:#fbfcfb}.pressure-box span{color:var(--muted);font-size:11px;display:block}.pressure-box strong{font-size:24px;line-height:1.15;display:block}.startfrom-hint{color:var(--muted);font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14191673;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-overlay.hidden{display:none}.modal-card{width:100%;max-width:480px;background:var(--paper);border-radius:16px 16px 0 0;padding:20px 18px;display:grid;gap:14px;box-shadow:0 -8px 32px #0003}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast-wrap{position:fixed;left:0;right:0;bottom:88px;display:flex;justify-content:center;z-index:60;pointer-events:none}.toast{background:#26302a;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000040;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.settings-note{color:var(--muted);font-size:12.5px;line-height:1.6}.trust-note{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--paper);color:var(--muted);font-size:12.5px;line-height:1.6}.banner{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--paper);margin-bottom:12px}.banner p{margin:0 0 8px;font-size:13.5px;line-height:1.5}.banner-actions{display:flex;gap:8px}.banner-actions .ghost-button{width:auto;flex:1}.file-hidden{display:none}.link-btn{background:none;border:0;color:var(--accent);font-weight:700;text-decoration:underline;padding:0;min-height:auto}.screen-header-row{display:flex;align-items:center;gap:8px}