:root{--bg:#f4f2ee;--surface:#fff;--surface-2:#faf9f6;--line:#e2ded6;--text:#24221f;--muted:#7a756c;--accent:#2f6f62;--accent-soft:#e3efeb;--warn-bg:#fff4dc;--warn-line:#ecd29a;--danger:#b0443a;--radius:12px;--tap:48px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}h1,h2,p{margin:0}.screen{flex-direction:column;height:100%;display:flex}.topbar{min-height:60px;padding:6px 16px;padding-top:max(6px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:8px;display:flex}.topbar h1{font-size:20px;font-weight:700}.title-sub{font-size:15px;font-weight:400}.btn,.btn-ghost{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);padding:0 18px;font-size:16px}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.big{min-height:56px;font-size:17px}.btn:active,.btn-ghost:active,.customer-card:active,.ex-item:active{opacity:.6}.link{color:var(--accent);background:0 0;border:0;padding:8px 4px;font-size:15px}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.chip.gray{color:var(--muted);background:#ebe8e2}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);font-weight:600}.banner{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:15px;display:flex}.banner.warn{background:var(--warn-bg);border-bottom:1px solid var(--warn-line)}.banner.info{background:var(--accent-soft);border-radius:var(--radius)}.empty{text-align:center;gap:8px;max-width:460px;margin:auto;padding:24px;display:grid}.spacer{flex:1}.home{flex:1;min-height:0;display:flex}.customer-grid-wrap{flex:1;padding:16px;display:flex;overflow-y:auto}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));align-content:start;gap:12px;width:100%;display:grid}.customer-card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:14px;display:flex}.customer-card.inactive{opacity:.55}.customer-name{font-size:19px;font-weight:700}.customer-kana{color:var(--muted);font-size:12px}.customer-sub{gap:6px;margin-top:2px;display:flex}.customer-goal{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:auto;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.home-side{width:232px;padding:16px;padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:12px;display:flex}.search{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);width:100%;padding:0 12px;font-size:16px}.kana-index{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.kana-index button{height:var(--tap);border:1px solid var(--line);background:var(--surface-2);border-radius:10px;font-size:18px}.kana-index button.on{background:var(--accent);border-color:var(--accent);color:#fff}.check{min-height:var(--tap);align-items:center;gap:10px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent)}.split{flex:1;min-height:0;display:flex}.pane{padding:16px 18px;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex;overflow-y:auto}.pane-left{border-right:1px solid var(--line);width:44%}.pane-left.wide{width:58%}.pane-right{background:var(--surface-2);padding-right:max(18px, env(safe-area-inset-right));flex:1}.pane-heading{color:var(--muted);letter-spacing:.04em;margin-top:8px;font-size:13px;font-weight:700}.placeholder{border:1px dashed var(--line);border-radius:var(--radius);padding:14px;font-size:14px;line-height:1.6}.placeholder.tall{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.right-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.row-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.memo{white-space:pre-wrap;font-size:14px;line-height:1.6}.person{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.person-name{font-size:24px;font-weight:700}.person-facts{flex-direction:column;align-items:flex-end;gap:6px;font-size:14px;display:flex}.goal-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:var(--radius);gap:8px;padding:14px 16px;display:grid}.goal-card.compact{border-left-color:var(--line);padding:10px 14px}.goal-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.goal-target{font-size:15px;font-weight:700}.goal-content{font-size:19px;font-weight:700;line-height:1.45}.goal-card.compact .goal-content{font-size:16px}.goal-reason{color:#4a463f;font-size:14px;line-height:1.6}.goal-reason .label{color:var(--muted);margin-right:8px;font-size:12px}.list-page{flex-direction:column;flex:1;gap:10px;width:100%;max-width:980px;margin:0 auto;padding:16px 24px 32px;display:flex;overflow-y:auto}.goal-row{align-items:flex-start;gap:16px;display:flex}.goal-row-main{flex:1;gap:4px;display:grid}.goal-row-actions{flex-direction:column;gap:6px;width:210px;display:flex}.goal-row.past{opacity:.8}.primary-badge{color:var(--accent);font-size:12px;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:6px;padding:16px;line-height:1.6;display:grid}.form{flex-direction:column;flex:1;gap:18px;width:100%;max-width:900px;margin:0 auto;padding:20px 24px 32px;display:flex;overflow-y:auto}.form.compact{gap:14px;padding:0;overflow:visible}.form-row{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.form-row.two{flex-direction:row;align-items:flex-end;gap:16px}.form-row.two>*{flex-direction:column;flex:1;gap:6px;display:flex}.form-row.two>.check{flex-direction:row}.form input:not([type=checkbox]),.form select,.form textarea{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;width:100%;padding:8px 12px;font-size:17px}.form textarea{resize:vertical;line-height:1.5}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:0 18px;font-size:16px}.choices button.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.form .choices input.inline{border-radius:999px;width:150px}.form .choices input.inline.on{border-color:var(--accent)}.with-unit{color:var(--text);align-items:center;gap:8px;font-size:17px;display:flex}.form .with-unit input{width:140px}.ex-group{gap:6px;display:grid}.ex-list{flex-wrap:wrap;gap:8px;display:flex}.ex-item{text-align:left;min-height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;font-size:15px;display:flex}.ex-item.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.ex-item.inactive{opacity:.5}.banner.error-banner{color:var(--danger);border-radius:var(--radius);background:#fbe9e6;font-weight:600}.nth{font-size:15px;font-weight:700}.today-products{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.small-choices{width:100%}.small-choices button{min-height:40px;padding:0 14px;font-size:14px}.pane-heading.with-action{justify-content:space-between;align-items:center;display:flex}.link.small{padding:4px;font-size:13px}.ex-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:12px 14px;display:grid}.ex-card.recorded{background:#f6fbf9;border-color:#b9d6ce}.ex-card.editing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.ex-card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ex-card-name{font-size:18px;font-weight:700}.done-mark{color:var(--accent);font-size:14px;font-weight:700}.diff{color:var(--muted);font-size:14px;font-weight:700}.diff.up{color:var(--accent)}.history-row{align-items:baseline;gap:10px;font-size:14px;display:flex}.history-label{width:136px;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:13px}.history-row.today .history-label{color:var(--text);font-weight:700}.history-row.today .set-chip{background:var(--accent-soft)}.set-chips{flex-wrap:wrap;gap:4px;display:flex}.set-chip{font-variant-numeric:tabular-nums;white-space:nowrap;background:#f0ede7;border-radius:6px;padding:2px 8px;font-size:14px}.ex-card-body{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.ex-card-body .history-row{flex:100%}.ex-card-body .spacer{flex:1}.ex-card-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.set-editor{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.set-editor-bulk{justify-content:flex-end;align-items:center;gap:8px;display:flex}.set-row{justify-content:flex-end;align-items:center;gap:10px;display:flex}.set-no{text-align:center;width:28px;color:var(--muted);font-weight:700}.stepper{align-items:center;gap:4px;display:flex}.step{min-width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:0 10px;font-size:18px;font-weight:600}.step:active{background:var(--accent-soft)}.step.remove{color:var(--muted);font-weight:400}.step:disabled{opacity:.3}.num-field{align-items:baseline;gap:2px;display:flex}.num-field input{width:64px;height:var(--tap);text-align:center;border:1px solid var(--line);font-variant-numeric:tabular-nums;background:var(--surface);border-radius:10px;font-size:19px;font-weight:700}.num-field .unit{color:var(--muted);width:18px;font-size:12px}.set-editor-foot{align-items:center;gap:8px;display:flex}.add-ex{gap:10px;display:grid}.add-ex-row{align-items:flex-start;gap:10px;display:flex}.add-ex-label{width:72px;color:var(--muted);flex-shrink:0;padding-top:14px;font-size:13px}.ex-item:disabled{opacity:.35}.modal-backdrop{z-index:10;background:#1e1c1959;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg);width:min(640px,70%);height:100%;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.modal-head{background:var(--surface);border-bottom:1px solid var(--line);gap:10px;padding:12px 16px;display:flex}.modal-body{flex:1;align-content:start;gap:12px;padding:12px 16px 24px;display:grid;overflow-y:auto}.history-card{gap:8px}.history-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-date{font-size:17px;font-weight:700}.link-like{text-align:left;color:var(--accent);background:0 0;border:0;padding:0;font-size:14px}.pane-left.narrow{gap:6px;width:30%}.ex-item.wide{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.timeline-row{border-bottom:1px solid var(--line);padding:8px 0}.topbar .choices button{min-height:40px;font-size:15px}.bc-form,.bc-band{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:12px 14px;display:grid}.bc-form{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.bc-band{gap:6px;padding:10px 14px}.bc-band.skipped{background:var(--surface-2)}.bc-band-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bc-band-head .btn{min-height:40px;margin-left:auto}.bc-title{font-size:16px;font-weight:700}.bc-grid{grid-template-columns:repeat(4,1fr);gap:8px 10px;display:grid}.bc-field{gap:2px;display:grid}.bc-label{color:var(--muted);font-size:12px}.bc-input{align-items:baseline;gap:3px;display:flex}.bc-input input{width:100%;min-width:0;height:var(--tap);border:1px solid var(--line);font-variant-numeric:tabular-nums;text-align:right;background:var(--surface);border-radius:10px;padding:0 8px;font-size:19px;font-weight:700}.bc-input .unit,.bc-val .unit{color:var(--muted);font-size:11px}.bc-input .unit{width:28px}.bc-field.stale input{color:#a8a298;background:var(--surface-2);border-style:dashed;font-weight:400}.bc-table{font-variant-numeric:tabular-nums;align-items:baseline;gap:2px 6px;display:grid}.bc-th{color:var(--muted);text-align:right;white-space:nowrap;font-size:11px}.bc-rowlabel{color:var(--muted);flex-direction:column;font-size:12px;line-height:1.25;display:flex}.bc-note{color:#a8a298;font-size:10px}.bc-val{text-align:right;white-space:nowrap;font-size:16px;font-weight:700}.bc-diff{text-align:right;color:var(--muted);white-space:nowrap;font-size:13px}.bc-diff.good{color:var(--accent);font-weight:700}.goal-progress{gap:6px;display:grid}.progress-bar{background:#ebe8e2;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{background:var(--accent);border-radius:999px;height:100%;display:block}.progress-text{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.progress-left{color:var(--accent);margin-left:auto;font-weight:700}.next-note-banner{background:var(--warn-bg);border-bottom:1px solid var(--warn-line);align-items:baseline;gap:12px;padding:10px 18px;display:flex}.next-note-label{color:#8a6d2b;white-space:nowrap;font-size:12px;font-weight:700}.next-note-text{white-space:pre-wrap;font-size:17px;font-weight:700;line-height:1.45}.last-memo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:6px;padding:12px 14px;display:grid}.last-memo-row{gap:10px;font-size:14px;line-height:1.55;display:flex}.last-memo-row .label{width:44px;color:var(--muted);flex-shrink:0;padding-top:2px;font-size:12px}.last-memo-row p{white-space:pre-wrap}.note-editor{gap:10px;display:grid}.note-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:12px 14px;display:grid}.note-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.note-head .btn{min-height:40px;margin-left:auto}.note-title{font-size:16px;font-weight:700}.note-editor textarea{border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:10px;width:100%;padding:8px 10px;font-size:16px;line-height:1.5}.note-field{color:var(--muted);grid-template-columns:52px 1fr;align-items:start;gap:8px;font-size:13px;display:grid}.note-field>span{padding-top:10px}.note-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.check.small{min-height:36px;font-size:13px}.chip-btn{min-height:40px;padding:6px 12px;font-size:14px}.plaud{background:var(--surface-2);border:1px dashed var(--line);border-radius:10px;gap:10px;padding:10px;display:grid}.plaud-step{gap:10px;display:flex}.step-no{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:8px;font-size:13px;font-weight:700;display:flex}.plaud-body{flex:1;gap:6px;display:grid}.plaud-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.plaud-row>span:first-child{flex:1}a.btn{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.history-note{white-space:pre-wrap;font-size:14px;line-height:1.5}.pending-btn{border-color:var(--warn-line);background:var(--warn-bg);justify-content:center;align-items:center;gap:8px;display:flex}.pending-btn .count{color:#fff;background:#8a6d2b;border-radius:999px;padding:0 9px;font-size:14px;font-weight:700}.backlog-row{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 16px;font-size:15px;display:flex}.backlog-date{font-weight:700}.backlog-name{font-size:17px;font-weight:700}.pw-form{gap:8px;margin-top:8px;display:grid}.pw-form input[type=password]{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:260px;padding:0 12px;font-size:17px}.btn:disabled{opacity:.4}.talking{gap:6px;margin:0;padding:0;list-style:none;display:grid}.talking li{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent-soft);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.45}.talking .talking-goal,.talking .talking-best{border-left-color:var(--accent)}.talking .talking-gap,.talking .talking-promise{border-left-color:var(--warn-line);font-weight:400}.goal-status{gap:6px;display:grid}.goal-status-pick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:40px;padding:0 14px;font-size:14px}.status-btn.on{color:#fff;border-color:#0000;font-weight:700}.status-btn.good.on{background:var(--accent)}.status-btn.stuck.on{background:#8a8378}.status-btn.needs.on{background:#b9853a}.danger-zone{border-radius:var(--radius);background:#fdf6f5;border:1px solid #e6c4bf;gap:8px;margin-top:24px;padding:14px 16px;display:grid}.danger-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.danger-title{color:var(--danger);font-weight:700}.danger-body{gap:10px;line-height:1.6;display:grid}.danger-body ul{margin:0;padding-left:20px}.btn.danger-btn{color:var(--danger);border-color:#e6c4bf}.btn.danger-btn.solid{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}