:root{--bg-top: #fcf8f0;--bg-bottom: #ecf5e8;--surface: #fffefa;--surface-muted: #f3f7f0;--surface-soft: #eaf3e7;--border: #d6e2d2;--brand: #3f8a63;--brand-press: #34724f;--text-main: #2f3a31;--text-sub: #6f7a6f;--text-light: #7a8377;--warning: #a35b36;--warning-bg: #fff3ee;--warning-border: #e8c9b8;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--f-xs: clamp(11px, 2.8vw, 12px);--f-sm: clamp(12px, 3vw, 13px);--f-md: clamp(13px, 3.4vw, 14px);--f-lg: clamp(15px, 4vw, 16px);--f-xl: clamp(22px, 6vw, 25px);--f-display: clamp(22px, 7vw, 28px);--touch: 44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background-color:var(--bg-bottom);overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;font-family:Inter,PingFang SC,Noto Sans SC,sans-serif;color:var(--text-main);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s ease,background-color .16s ease}button:active:not(:disabled){transform:scale(.97)}.shell-background{min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;display:flex;justify-content:center;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.mobile-shell{position:relative;width:100%;max-width:480px;margin-inline:auto;min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.mobile-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--s-4) var(--s-4) calc(96px + env(safe-area-inset-bottom))}.tab-shell{position:absolute;left:0;right:0;bottom:0;padding:var(--s-6) var(--s-4) calc(var(--s-2) + env(safe-area-inset-bottom));background:transparent;pointer-events:none}.tab-shell .tab-pill{pointer-events:auto}.tab-pill{width:100%;height:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);border:none;background:#fffefac7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.tab-item{border:none;border-radius:var(--r-pill);background:transparent;color:#6b7670;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;cursor:pointer;min-height:var(--touch)}.tab-item.active{background:var(--brand);color:#fff;box-shadow:0 4px 12px #3f8a6347}.tab-icon{font-size:16px;line-height:1}.tab-label{font-size:var(--f-xs);line-height:1;font-weight:600;letter-spacing:.5px}.screen-content{display:flex;flex-direction:column;gap:var(--s-4)}.page-title{margin:0;font-size:var(--f-display);line-height:1.25;color:var(--text-main)}.page-subtitle{margin:0;color:var(--text-sub);font-size:var(--f-md);line-height:1.45}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.card-title{margin:0;font-size:var(--f-lg);line-height:1.3;color:#304033}.card-copy{margin:0;color:var(--text-sub);font-size:var(--f-sm);line-height:1.45}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2)}.tiny-text{font-size:var(--f-sm);color:var(--text-sub);font-weight:600}.action-copy{color:var(--brand);font-size:var(--f-sm);font-weight:700}.weight-panel{gap:var(--s-4)}.weight-input-box{background:#f2f6ee;border-radius:var(--r-md);min-height:54px;padding:0 var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.weight-input{border:none;background:transparent;width:100%;color:#1a1d27;font-size:var(--f-xl);font-weight:700;outline:none}.unit-text{color:#6f7890;font-size:var(--f-md);font-weight:600}.quick-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.quick-chip{background:#e4f1e6;border:1px solid #c8dccb;color:var(--brand);border-radius:var(--r-sm);min-height:var(--touch);display:inline-flex;align-items:center;justify-content:center;font-size:var(--f-sm);font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .16s ease}.quick-chip:active{transform:scale(.97)}.quick-chip-muted{color:#5f6980}.primary-btn,.secondary-btn{width:100%;border:none;border-radius:var(--r-md);min-height:52px;font-size:var(--f-lg);font-weight:700;cursor:pointer}.primary-btn{background:var(--brand);color:#fffdf7;box-shadow:0 6px 14px #2d6b4a40}.primary-btn:active{background:var(--brand-press)}.secondary-btn{background:var(--surface-soft);border:1px solid #c9dbc8;color:var(--brand)}.primary-btn:disabled,.secondary-btn:disabled,.entry-row:disabled{opacity:.55;cursor:not-allowed}.primary-btn:disabled:active,.secondary-btn:disabled:active,.entry-row:disabled:active{transform:none}.button-inline{min-height:var(--touch);border-radius:var(--r-sm);font-size:var(--f-md)}.inline-note,.mutual-note{margin:0;color:var(--text-light);font-size:var(--f-xs);line-height:1.45}.mutual-note{font-weight:600}.retro-entry{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch);border-radius:var(--r-sm);border:1px solid #c7dbc9;background:#f1f7ef;padding:0 var(--s-3);font-size:var(--f-md);color:var(--brand);font-weight:700}.retro-entry-button{width:100%;border:none;cursor:pointer}.retro-entry-value{color:#304033;font-size:var(--f-lg);font-weight:700}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:var(--s-3) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom));background:#1b28216b}.picker-sheet{width:100%;max-width:380px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.picker-title{margin:0;font-size:var(--f-lg);font-weight:700;color:#304033}.picker-close{border:none;background:transparent;color:var(--brand);font-size:var(--f-sm);font-weight:700;cursor:pointer;min-height:var(--touch);padding:0 var(--s-2)}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2)}.date-option{min-height:56px;border-radius:var(--r-sm);border:1px solid #cfddcb;background:#f7fbf5;color:#314236;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .16s ease}.date-option:active{transform:scale(.97)}.date-option-main{font-size:var(--f-md);font-weight:700}.date-option-sub{font-size:var(--f-xs);color:#6f7a6f;font-weight:600}.date-option.active{border-color:var(--brand);background:#e5f1e7}.date-option.active .date-option-main,.date-option.active .date-option-sub{color:var(--brand)}.picker-today{min-height:var(--touch);border:1px solid #c9dbc8;border-radius:var(--r-sm);background:var(--surface-soft);color:var(--brand);font-size:var(--f-md);font-weight:700;cursor:pointer}.notice-banner{margin:0;border-radius:var(--r-sm);padding:var(--s-3) var(--s-3);border:1px solid transparent;font-size:var(--f-xs);line-height:1.45}.notice-success{color:#225d41;background:#ebf8f0;border-color:#c6e5d3}.notice-error{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}.notice-neutral{color:#54605b;background:#f3f7f0;border-color:#d6e2d2}.range-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.range-chip{min-height:var(--touch);border:none;border-radius:var(--r-sm);background:var(--surface-soft);color:#5f6980;font-size:var(--f-sm);font-weight:600;cursor:pointer}.range-chip.active{background:var(--brand);color:#fff;box-shadow:0 4px 10px #3f8a6333}.state-card{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.state-card-error{background:var(--warning-bg);border-color:var(--warning-border)}.state-title{margin:0;font-size:var(--f-md);color:#304033}.state-card-error .state-title,.state-card-error .state-copy{color:var(--warning)}.state-copy{margin:0;font-size:var(--f-xs);color:var(--text-sub);line-height:1.45}.chart-card{gap:var(--s-3)}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.chart-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.target-copy{color:var(--brand);font-size:var(--f-sm);font-weight:600}.unit-copy{color:#6a748c;font-size:var(--f-xs);font-weight:600}.chart-surface{border-radius:var(--r-sm);background:#f5f8f2;border:1px solid #e3ece0;overflow:hidden}.trend-chart-wrap{position:relative;width:100%}.trend-svg{width:100%;display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}.trend-guide-line{stroke:#3f8a63;stroke-width:1;stroke-dasharray:3 3;opacity:.6;pointer-events:none}.trend-active-dot{stroke:#fff;stroke-width:1.5;pointer-events:none}.trend-tooltip{position:absolute;top:4px;z-index:2;min-width:132px;max-width:180px;padding:var(--s-2);border-radius:var(--r-md);background:#fffefaf5;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:0 8px 24px #2d49321f;transform:translate(-50%);pointer-events:auto}.trend-tooltip[data-side=left]{transform:translate(0)}.trend-tooltip[data-side=right]{transform:translate(-100%)}.trend-tooltip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-1)}.trend-tooltip-date{color:var(--text-main);font-size:var(--f-xs);font-weight:700}.trend-tooltip-close{border:none;background:transparent;color:var(--text-sub);font-size:18px;line-height:1;padding:0 4px;cursor:pointer}.trend-tooltip-empty{margin:0;color:var(--text-sub);font-size:var(--f-xs)}.trend-tooltip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.trend-tooltip-row{display:flex;align-items:center;gap:6px;font-size:var(--f-xs);color:var(--text-main)}.trend-tooltip-dot{width:8px;height:8px;border-radius:var(--r-pill);flex-shrink:0}.trend-tooltip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-tooltip-value{font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums}.trend-grid-line{stroke:#d5e1d3;stroke-width:1}.trend-target-line{stroke:#d27a4a;stroke-width:2;stroke-dasharray:5 5}.trend-main-line{fill:none;stroke:#3f8a63;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-avg-line{fill:none;stroke:#9ccfaf;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.trend-point-dot{fill:#3f8a63}.trend-compare-line{fill:none;stroke:#6d6fd6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-compare-dot{fill:#6d6fd6}.trend-axis-label{font-size:10px;fill:#7a8398;font-weight:600}.warning-note{margin:0;color:#8a6a45;font-size:var(--f-xs)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--s-3)}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2)}.leaderboard-name{color:#304033;font-size:var(--f-md);font-weight:600}.leaderboard-value{color:var(--brand);font-size:var(--f-md);font-weight:700}.top-action-row{display:flex;justify-content:space-between;align-items:center;min-height:var(--s-6)}.text-link{border:none;background:transparent;color:var(--brand);font-size:var(--f-sm);font-weight:700;padding:0 var(--s-2);cursor:pointer;min-height:var(--touch)}.text-link.inline-link{display:inline;padding:0 4px;min-height:0;font-size:inherit;vertical-align:baseline}.top-action-title{color:var(--text-main);font-size:var(--f-md);font-weight:700}.form-card{gap:var(--s-3)}.form-grid{display:flex;flex-direction:column;gap:var(--s-3)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.field-label{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--f-xs);color:var(--text-sub);font-weight:600}.text-input{min-height:var(--touch);border:1px solid #cfddcb;background:#f7fbf5;border-radius:var(--r-sm);padding:0 var(--s-3);color:var(--text-main);font-size:var(--f-md);outline:none}.text-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3f8a6326}.friend-code-box{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3);min-width:0}.friend-code-value{width:100%;min-width:0;min-height:var(--touch);border:1px dashed #bfd4bf;border-radius:var(--r-sm);background:#f6faf4;display:flex;align-items:center;padding:0 var(--s-3);color:#304033;font-size:var(--f-md);font-weight:700;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-code-btn{width:100%;flex-shrink:0}.goal-sheet-field{display:flex;flex-direction:column;gap:var(--s-2)}.goal-sheet-input-row{display:flex;align-items:center;gap:var(--s-3)}.goal-sheet-input{flex:1}.friend-action-row{display:flex;flex-direction:column;gap:var(--s-2)}.friend-send-btn{width:100%}.friend-list{display:flex;flex-direction:column;gap:var(--s-3)}.friend-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:#f7fbf5;padding:var(--s-3)}.friend-list-row-static{justify-content:flex-start}.friend-list-copy{min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.friend-list-name,.friend-list-meta{margin:0}.friend-list-name{color:#304033;font-size:var(--f-md);font-weight:700}.friend-list-meta{color:var(--text-sub);font-size:var(--f-xs);line-height:1.45}.friend-list-btn{width:auto;min-width:72px;padding:0 var(--s-4);flex-shrink:0}.friend-picker-row{width:100%;border:1px solid var(--border);cursor:pointer;text-align:left}.friend-picker-row.selected{border-color:#b7d4c1;background:#eef7f0}.friend-picker-check{min-width:var(--touch);color:var(--text-sub);font-size:var(--f-xs);font-weight:700;text-align:right}.friend-picker-check.selected{color:var(--brand)}.compare-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3)}.compare-entry-row{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2);flex-shrink:0}.compare-subtitle{margin-top:var(--s-2)}.compare-mode-badge{align-self:flex-start;padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);background:#eef6ed;color:var(--brand);font-size:var(--f-xs);font-weight:700}.compare-stack{display:flex;flex-direction:column;gap:var(--s-3)}.compare-legend-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.compare-legend-item{display:inline-flex;align-items:center;gap:var(--s-1);color:var(--text-sub);font-size:var(--f-xs);font-weight:600}.compare-legend-dot{width:8px;height:8px;border-radius:var(--r-pill)}.compare-legend-dot-self{background:#3f8a63}.compare-legend-dot-friend{background:#6d6fd6}.compare-friend-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);border:1px solid #dfe8dc;background:#fbfdf9}.compare-friend-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2)}.compare-friend-title{margin-bottom:2px}.compare-friend-meta{margin:0}@media (max-width: 420px){.compare-header-row{flex-direction:column}.compare-entry-row{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width: 640px){.friend-code-box{flex-direction:row;align-items:center}.friend-code-value{flex:1}.friend-code-btn{width:auto;min-width:88px;padding:0 var(--s-5)}.friend-action-row{flex-direction:row;align-items:center}.friend-action-row .text-input{flex:1}.friend-send-btn{width:auto;min-width:120px;padding:0 var(--s-5)}}.switch-label{color:#304033;font-size:var(--f-md);font-weight:600}.switch-btn{width:46px;height:26px;border:none;border-radius:var(--r-pill);padding:2px;display:flex;align-items:center;transition:background-color .16s ease;cursor:pointer}.switch-btn.on{background:var(--brand);justify-content:flex-end}.switch-btn.off{background:#ccd6ca;justify-content:flex-start}.switch-thumb{width:22px;height:22px;border-radius:var(--r-pill);background:#fff;box-shadow:0 1px 3px #0f172a33}.entry-row{width:100%;min-height:var(--touch);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-muted);display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);padding:0 var(--s-3);font-size:var(--f-sm);color:#304033;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .16s ease}.entry-row:active:not(:disabled){transform:scale(.97)}.entry-row span:last-child{color:var(--brand);font-weight:700}.entry-row.danger{background:#fff4ee;border-color:#f1d4c5;color:var(--warning)}.entry-row.danger span:last-child{color:var(--warning)}.entry-row-static{cursor:default;touch-action:auto}.entry-row-static:active:not(:disabled){transform:none}.unit-toggle{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#3f8a6314}.unit-toggle-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-light);font-size:var(--f-xs);font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background-color .16s ease,color .16s ease}.unit-toggle-chip:disabled{opacity:.55;cursor:not-allowed}.unit-toggle-chip.active{background:var(--brand);color:#fff}