:root{color:#111;font-synthesis:none;--bg:#fff;--ink:#111;--muted:#5d5d5d;--line:#d8d8d8;--surface:#fff;--soft:#f5f5f5;--focus:#111;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0;font-size:18px;line-height:1.6}button,input,select{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit}html[data-theme=dark],html[data-theme=dark] body{--bg:#0b0b0b;--ink:#f5f5f5;--muted:#b8b8b8;--line:#444;--surface:#131313;--soft:#1d1d1d;--focus:#fff;color:var(--ink);background:var(--bg)}.baby-app{max-width:780px;margin:0 auto;padding:0 22px 56px}.baby-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;height:76px;display:grid}.baby-header>a{font-weight:800;text-decoration:none}.baby-header h1{margin:0;font-size:20px}.theme-toggle,.language-toggle,.secondary-button,.day-picker button{border:1px solid var(--line);min-width:48px;min-height:48px;color:var(--ink);background:var(--bg);cursor:pointer;border-radius:8px;padding:0 12px;font-weight:700}.theme-toggle{place-items:center;display:grid}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.language-toggle{font-size:14px}.baby-intro{padding:30px 0 24px}.eyebrow{color:var(--muted);letter-spacing:.1em;margin:0 0 6px;font-size:13px;font-weight:800}.baby-intro h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(25px,5vw,34px);line-height:1.35}.baby-intro>p:last-child{color:var(--muted);margin:0}.baby-summary,.baby-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:18px;padding:22px}.day-picker{grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:end;gap:8px;display:grid}.day-picker .day-field,.baby-card form>.field-group{gap:6px;font-size:17px;font-weight:700;display:grid}.day-picker input,.baby-card input,.baby-card select{border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;min-height:54px;padding:8px 12px;font-size:18px}.day-picker button{min-height:54px;font-size:15px}.care-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.care-totals article{border:1px solid var(--line);background:var(--soft);border-radius:9px;min-height:88px;padding:10px}.care-totals span,.care-totals strong{display:block}.care-totals span{color:var(--muted);font-size:14px;font-weight:700}.care-totals strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:22px}.baby-card h2{margin:0;font-size:23px;line-height:1.35}.baby-card form{grid-template-columns:1fr 1fr;gap:15px;margin-top:17px;display:grid}.note-field,.primary-button{grid-column:1/-1}.primary-button{border:1px solid var(--ink);min-height:58px;color:var(--bg);background:var(--ink);cursor:pointer;border-radius:9px;font-size:20px;font-weight:800}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.secondary-button{min-height:44px}.empty-state{color:var(--muted);margin:16px 0 0}.care-list{margin:14px 0 0;padding:0;list-style:none}.care-row{border-top:1px solid var(--line);grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.care-time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.care-detail strong,.care-detail small{display:block}.care-detail small{color:var(--muted);font-size:15px}.care-delete{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;min-height:42px;padding:0 10px}.help-card p{color:var(--muted);margin:12px 0 0;font-size:16px}.baby-app footer{flex-wrap:wrap;gap:14px;margin-top:26px;font-size:14px;display:flex}.save-status{min-height:1em;color:var(--muted);font-size:14px}[hidden]{display:none!important}@media (width<=580px){body{font-size:17px}.baby-app{padding-inline:16px}.baby-header{gap:6px;height:68px}.baby-header h1{font-size:17px}.theme-toggle,.language-toggle{min-width:42px;min-height:42px;padding-inline:8px}.baby-intro{padding-top:26px}.baby-summary,.baby-card{padding:15px}.day-picker{grid-template-columns:1fr 1fr}.day-picker .day-field{grid-area:1/1/auto/-1}.care-totals{grid-template-columns:1fr 1fr;gap:6px}.care-totals article{min-height:78px}.care-totals strong{font-size:20px}.baby-card form{grid-template-columns:1fr;gap:12px}.note-field,.primary-button{grid-column:auto}.section-title{align-items:flex-start}.care-row{grid-template-columns:62px 1fr auto;gap:8px}.care-delete{padding-inline:8px}.help-card p{font-size:15px}}.compact-note{color:var(--muted);margin:10px 0;font-size:14px;line-height:1.6}.quick-care{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;display:grid}.quick-care button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:9px;min-height:76px;font-size:26px;font-weight:700}.quick-care button span{font-size:13px;display:block}.quick-care button[aria-pressed=true]{border:2px solid var(--ink)}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.care-detail{overflow-wrap:anywhere;min-width:0}.care-time{font-size:15px}.care-totals strong{overflow-wrap:anywhere;font-size:19px}.table-scroll{border:1px solid var(--line);border-radius:8px;max-width:100%;margin-top:12px;overflow-x:auto}.paper-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:580px;font-size:14px}.paper-table th,.paper-table td{border:1px solid var(--line);vertical-align:top;padding:4px}.paper-table th:first-child{background:var(--surface);z-index:1;width:62px;position:sticky;left:0}.paper-table th{background:var(--soft)}.paper-table .selected-column{background:var(--ink);color:var(--bg)}.paper-entry,.cell-add{background:var(--soft);text-align:left;cursor:pointer;overflow-wrap:anywhere;border:0;border-radius:4px;width:100%;min-height:44px;margin-bottom:3px;padding:5px;font-size:14px;display:block}.cell-add{color:var(--muted);text-align:center;background:0 0;margin:0}.milk-timing{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.milk-timing>div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px}.milk-timing span,.milk-timing strong{display:block}.milk-timing span{color:var(--muted);font-size:14px}.milk-timing strong{overflow-wrap:anywhere;font-size:17px}.baby-card form .secondary-button{align-self:end;min-height:54px}.reminder-row{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:14px 0}.reminder-row strong,.reminder-row small{display:block}.reminder-row small{color:var(--muted);margin-bottom:8px;font-size:14px}.notification-button,.graph-card{margin-top:18px}.graph-card h3{margin:0 0 8px;font-size:17px}.graph-card svg{width:100%;height:auto;color:var(--ink);display:block;overflow:visible}.graph-axis{fill:none;stroke:var(--line);stroke-width:1px}.graph-mark{fill:var(--ink)}.graph-card svg text{fill:var(--muted);font:12px system-ui}.graph-values{border-collapse:collapse;width:100%;font-size:14px}.graph-values th,.graph-values td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.graph-card summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px}.section-title .range-field{gap:4px;font-size:14px;font-weight:700;display:grid}.section-title select{min-height:44px;font-size:15px}.care-row .row-actions{max-width:110px}.baby-card button{touch-action:manipulation}#milk-alert:empty{display:none}@media (width<=580px){.quick-care{grid-template-columns:repeat(3,1fr)}.milk-timing{grid-template-columns:1fr}.care-row{grid-template-columns:56px minmax(0,1fr)}.care-row .row-actions{grid-column:2;max-width:none}.baby-card h2{font-size:21px}.paper-table{min-width:570px}.day-picker input,.baby-card input{min-width:0}.row-actions button{min-height:44px}.compact-note{font-size:14px}}.quick-care{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-care button{min-height:60px;padding:8px;font-size:16px;line-height:1.3}.quick-care button span{font-size:inherit}.quick-care button[aria-pressed=true]{border:2px solid var(--ink);background:var(--ink);color:var(--bg)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.sr-only:focus-within{clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}@media (width<=580px){.quick-care{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-care button{min-height:58px;padding:6px}.quick-care button span{font-size:15px}.day-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.day-picker .day-field{grid-area:1/1/auto/-1}.day-picker button{min-width:0;padding:0 6px}}#care-amount{appearance:textfield}#care-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#care-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.table-scroll{overscroll-behavior:contain;scrollbar-color:var(--muted) var(--soft);scrollbar-width:auto;scrollbar-gutter:stable;max-height:min(68vh,520px);overflow:auto}.table-scroll::-webkit-scrollbar{width:12px;height:12px}.table-scroll::-webkit-scrollbar-track{background:var(--soft)}.table-scroll::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--soft);border-radius:10px}.paper-table thead th{z-index:3;position:sticky;top:0}.paper-table thead th:first-child{z-index:4;left:0}.view-tabs{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px;padding:4px;display:grid}.view-tabs [role=tab]{min-width:0;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:4px 8px;font-size:16px;font-weight:800}.view-tabs [role=tab][aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.view-area>.baby-card{margin-top:10px}@media (width<=580px){.table-scroll{max-height:min(62vh,430px)}.view-tabs [role=tab]{padding-inline:4px;font-size:15px}}.care-datetime-fields{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;display:grid}.care-datetime-fields label{gap:6px;min-width:0;display:grid}.instant-care{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.instant-care button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:12px;min-width:0;min-height:64px;padding:10px 6px;font-size:16px;font-weight:700}.instant-care button span{margin-top:3px;font-size:12px;font-weight:400;display:block}.care-feedback{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.care-feedback .save-status{flex:1;min-width:180px;margin:10px 0 0}.care-feedback .save-status:empty{display:none}.care-feedback button{margin-top:8px;font-size:14px}#reuse-formula-amount{align-self:start;min-height:44px;font-size:14px}@media (width<=580px){.instant-care{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){.care-datetime-fields{grid-template-columns:1fr}}@layer pearl{.pearl-suite #today-button{white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:inline-flex;border-radius:14px!important}.pearl-suite #today-button[aria-pressed=true]{color:#fff!important;background:linear-gradient(145deg,#61778d,#30465d)!important;border-color:#8197a9!important;box-shadow:inset 0 0 0 2px #d6e5f2!important}}.family-card>summary{cursor:pointer;min-height:30px;font-weight:700}.family-card>summary span{margin-left:8px;font-size:13px;font-weight:400;display:inline-block}.family-name{gap:6px;margin:12px 0;display:grid}.family-check{align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.family-check input{flex:0 0 20px;width:20px;min-height:20px}.family-actions{flex-wrap:wrap;gap:8px;display:flex}.family-card button{min-height:44px;margin-block:5px}.family-card input{max-width:100%}.family-card #family-status{overflow-wrap:anywhere}.family-card #family-active>details{margin-top:14px}body{min-width:0}.family-shortcut{text-align:left;cursor:pointer;width:100%;min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 4px;font-size:13px;display:flex}.milk-card{margin-top:12px}.milk-countdown{font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:clamp(21px,5.5vw,30px);font-weight:800;line-height:1.4}.milk-timing{grid-template-columns:1fr;gap:6px;margin-top:12px}.milk-timing>div{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 10px;display:flex}.milk-timing strong{font-size:14px}.milk-card h2{font-size:17px}.milk-card>.compact-note{font-size:12px}.milk-card .baby-options{font-size:14px}.milk-card summary{cursor:pointer;min-height:44px;padding-block:10px}.day-picker{grid-template-columns:auto minmax(0,1fr) auto auto;margin-top:16px}.day-picker .day-field{grid-area:auto;min-width:0;font-size:13px}.day-picker input{min-width:0;min-height:46px;font-size:16px}.day-picker button{min-width:0;min-height:46px;padding-inline:8px;font-size:13px}.review-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:12px;display:grid}.week-day{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;justify-items:center;gap:0;min-width:0;min-height:70px;padding:6px 2px;display:grid}.week-day span{font-size:12px;line-height:1.3}.week-day strong{font-size:18px}.week-day[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.baby-summary{background:0 0;border:0;margin-top:12px;padding:0}.care-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0}.care-totals article{min-height:66px;padding:9px 6px}.care-totals span{font-size:11px}.care-totals strong{font-size:17px}.review-tools{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:8px;margin-top:16px;display:grid}.review-tools label,.metric-field{gap:4px;font-size:13px;font-weight:700;display:grid}.review-tools input,.review-tools select,.metric-field select{min-width:0;min-height:44px;font-size:15px}.review-tools input{padding-inline:8px}.care-row{grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:10px}.care-detail strong{font-size:16px}.care-row .row-actions{grid-column:auto;gap:0;display:grid}.care-row .row-actions summary{cursor:pointer;min-height:40px;padding-top:10px;font-size:12px}.care-row .row-actions button{min-height:40px;font-size:13px}.care-detail small{font-size:13px}#add-selected-day{width:100%;margin-top:16px;font-size:14px}#export-csv{white-space:nowrap;font-size:12px}.period-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.period-summary>div{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px}.period-summary span,.period-summary strong{display:block}.period-summary span{color:var(--muted);font-size:12px}.period-summary strong{font-variant-numeric:tabular-nums;font-size:23px}.period-summary>p{grid-column:1/-1;margin:0}#graphs h3{margin-bottom:0;font-size:17px}.daily-chart{margin:8px 0 0;padding:0;list-style:none}.daily-chart-row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:78px minmax(0,1fr) 84px;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px 0;display:grid}.daily-chart-date{font-size:13px}.daily-chart-row strong{text-align:right;white-space:nowrap;font-size:14px}.daily-chart-track{background:var(--soft);border-radius:5px;height:10px;display:block;overflow:hidden}.daily-chart-track>span{background:var(--ink);border-radius:5px;height:100%;display:block}.family-steps{margin-block:16px;padding-left:24px;font-size:15px}.family-steps li{padding:5px 0}.family-steps span{color:var(--muted);font-size:13px;display:block}#family-invitation{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}#family-invitation summary{cursor:pointer;min-height:44px;font-size:15px;font-weight:700}#family-invitation label{font-size:14px}#family-status{background:var(--soft);border-radius:8px;padding:10px}#family-status:empty{display:none}@media (width<=580px){.day-picker{grid-template-columns:1fr 1fr 1fr}.day-picker .day-field{grid-area:1/1/auto/-1}.baby-app{padding-inline:12px}.care-row{grid-template-columns:44px minmax(0,1fr) auto}.care-row .row-actions{grid-column:auto}.period-summary strong{font-size:21px}}@media (width<=360px){.record-tabs [role=tab]{padding-inline:3px;font-size:13px}.daily-chart-row{grid-template-columns:70px minmax(0,1fr) 68px;gap:5px}.daily-chart-row strong{font-size:12px}.review-tools{grid-template-columns:1fr}.care-totals strong{font-size:15px}}.milk-card .milk-countdown{margin-top:6px;font-size:24px}.milk-card #milk-next{margin:4px 0;font-size:13px}.milk-details>summary,.other-care>summary,.care-entry-details>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:700;display:list-item}.milk-card .milk-details>summary{padding-bottom:0}.milk-details[open]>summary{padding-bottom:10px}.milk-details>.compact-note{font-size:12px}.frequent-care{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.frequent-care button{min-height:70px}.other-care{margin-top:8px}.other-care .instant-care{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.care-entry-details>summary{min-height:28px;padding:0;font-size:16px}.care-entry-details[open]>summary{padding-bottom:8px}.care-entry-details input,.care-entry-details select{scroll-margin-block:110px}.family-members{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.family-members li{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:start;gap:10px;padding:12px;display:flex}.family-members li>div{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.family-role{border:1px solid var(--line);background:var(--soft);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px}.family-members details{text-align:right;flex-shrink:0}.family-members summary{cursor:pointer;min-height:32px;font-size:14px}.family-members details button{font-size:13px;display:block}.family-card h3{margin:16px 0 10px;font-size:17px}.family-migration{border:1px solid var(--line);border-radius:12px;margin-block:16px;padding:14px}.family-migration h3{margin-top:0}.family-management,.family-data-help{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.family-management>summary,.family-data-help>summary{cursor:pointer;min-height:36px}.family-management>button{display:block}.family-data-help>summary{font-size:14px}.family-card #family-notice{white-space:normal;overflow-wrap:anywhere}.family-card #family-notice:empty{display:none}#family-invite-actions{margin:18px 0 8px}#family-link-result{padding:10px 0}#family-link-result label{font-size:13px}#family-link{font-size:12px}#family-invite-actions>.primary-button{width:100%}.family-share-actions{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.family-share-actions .primary-button{width:100%;font-size:18px}.family-share-actions .secondary-button{flex:auto;justify-content:center;align-items:center;min-height:44px;margin-block:5px;font-size:15px;text-decoration:none;display:inline-flex}.family-confirm{border:1px solid var(--line);background:var(--surface,#fff);width:min(440px,100vw - 32px);max-height:85vh;color:var(--ink,#273746);box-sizing:border-box;border-radius:18px;padding:24px;overflow:auto}.family-confirm::backdrop{background:#00000073}.family-confirm h2{margin:0 0 16px;font-size:20px}.family-confirm p{line-height:1.8}.family-confirm form{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.family-confirm button{min-height:44px}.baby-app>.record-tabs{top:var(--baby-header-height,68px);z-index:90;background:var(--pearl-paper,#fff);position:sticky;box-shadow:0 6px 12px #00000012}.baby-app .care-feedback{z-index:120;bottom:calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;border:2px solid var(--ckas-accent,#0879de);background:var(--pearl-paper,#fff);width:min(520px,100% - 24px);color:var(--pearl-ink,#273746);border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 12px 12px 16px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0004}.baby-app .care-feedback .save-status{min-width:0;color:inherit;margin:0;font-size:14px;font-weight:700;line-height:1.6}.baby-app .care-feedback button{align-self:center;min-width:44px;min-height:44px;margin:0;padding-inline:10px}.baby-app .care-feedback[data-kind=error]{border-color:#bd3648}.baby-app .care-feedback[data-kind=error] .save-status:before{content:"! ";color:#bd3648}.baby-app .care-feedback[data-kind=success] .save-status:before{content:"✓ ";color:var(--ckas-accent,#0879de)}.baby-app #dismiss-care-feedback{grid-column:3;font-size:22px}.baby-app :is(input,select,form,[data-record-panel],#family-panel){scroll-margin-top:calc(var(--baby-header-height,68px) + 85px)}@media (width<=520px){.baby-app>.record-tabs{top:var(--baby-header-height,60px)}}#reminder-delete-text{white-space:pre-line}#delete-reminder{grid-column:1/-1}.frequent-care .reminder-shortcut{grid-column:1/-1;min-height:58px;font-size:18px}#breast-amount-help{margin:0;font-size:13px}#duration-field{min-width:0}
