:root{--width-content: 440px;--space-gutter: 16px;--size-touch-min: 44px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--color-background: #ffffff;--color-surface: #f1f4f4;--color-text: #1a1a1a;--color-text-subtle: #5f6368;--color-primary: #00695c;--color-chart-day-high: #00695c;--color-chart-day-low: #1565c0;--color-chart-night-high: #c2410c;--color-chart-night-low: #7e22ce;--color-on-primary: #ffffff;--color-danger: #b3261e;--color-disabled: #767676;--color-border: #dadce0;--color-preview-ground: #000000;--overlay-pressed: rgba(0, 0, 0, .1);--overlay-scrim: rgba(0, 0, 0, .4);--overlay-guide: rgba(0, 0, 0, .2);--color-danger-pressed: rgba(179, 38, 30, .08);--font-family: -apple-system, BlinkMacSystemFont, system-ui, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-size-xl: 44px;--line-height-xl: 1.1;--font-size-lg: 24px;--line-height-lg: 1.3;--font-size-md: 17px;--line-height-md: 1.5;--font-size-sm: 15px;--line-height-sm: 1.5;--font-size-xs: 13px;--line-height-xs: 1.4;--size-control: 48px;--radius-control: 8px;--radius-sheet: 16px;--size-row: 56px;--border-width: 1px;--border-width-focus: 2px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-md);font-variant-numeric:tabular-nums}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:var(--width-content);margin:0 auto}.app__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-gutter);min-height:var(--size-touch-min)}.app__back{display:flex;align-items:center;min-width:var(--size-touch-min);min-height:var(--size-touch-min)}.app__title{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.app__main{flex:1;padding:var(--space-md) var(--space-gutter) var(--space-xl)}.app__toasts{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-sm);max-width:var(--width-content);margin:0 auto;padding-top:var(--space-md);padding-right:max(var(--space-gutter),env(safe-area-inset-right));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));padding-left:max(var(--space-gutter),env(safe-area-inset-left));pointer-events:none}.app__toasts>*{pointer-events:auto}.text-measurement{font-size:var(--font-size-xl);line-height:var(--line-height-xl);color:var(--color-text)}.text-subtle{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-subtle)}.text-note{font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-subtle)}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:var(--size-touch-min);height:var(--size-control);padding:0 var(--space-md);border:var(--border-width) solid transparent;border-radius:var(--radius-control);background:none;font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-md);-webkit-user-select:none;user-select:none}.button--primary{background:var(--color-primary);color:var(--color-on-primary)}.button--primary:active:not(:disabled){background-image:linear-gradient(var(--overlay-pressed),var(--overlay-pressed))}.button--primary:disabled{background:var(--color-surface);background-image:none;color:var(--color-disabled)}.button--secondary{border-color:var(--color-primary);background:var(--color-background);color:var(--color-primary)}.button--secondary:active:not(:disabled){background:var(--color-surface)}.button--secondary:disabled{border-color:var(--color-disabled);background:var(--color-background);color:var(--color-disabled)}.button--text{width:auto;color:var(--color-primary)}.button--text:active:not(:disabled){text-decoration:underline}.button--text:disabled{color:var(--color-disabled);text-decoration:none}.button--destructive{color:var(--color-danger)}.button--destructive:active:not(:disabled){background:var(--color-danger-pressed)}.button--destructive:disabled{background:none;color:var(--color-disabled)}.field{display:block;margin-bottom:var(--space-md)}.field__label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-subtle)}.field__input{display:block;width:100%;height:var(--size-control);padding:0 var(--space-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.field__input:focus{border-color:var(--color-primary);border-width:var(--border-width-focus);outline:none}.field__input:disabled{background:var(--color-background);color:var(--color-disabled)}.field--error .field__input{border-color:var(--color-danger);border-width:var(--border-width-focus)}.field__error{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-danger)}.table{width:100%;border-collapse:collapse}.table__row{height:var(--size-row);border-bottom:var(--border-width) solid var(--color-border)}.table__cell{padding:0 var(--space-sm);text-align:left;vertical-align:middle}.table__cell--subtle{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-subtle)}.table__empty{padding:var(--space-lg) 0;color:var(--color-text-subtle)}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:var(--space-gutter)}.modal__scrim{position:absolute;inset:0;background:var(--overlay-scrim)}.modal__sheet{position:relative;width:100%;max-width:var(--width-content);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-sheet);background:var(--color-background)}.modal__title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.modal__body{margin:0 0 var(--space-lg);color:var(--color-text)}.modal__actions{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);color:var(--color-on-primary);font-size:var(--font-size-md);line-height:var(--line-height-md)}.toast--success{background:var(--color-text)}.toast--failure{background:var(--color-danger)}.toast__dismiss{display:flex;flex:none;align-items:center;justify-content:center;min-width:var(--size-touch-min);min-height:var(--size-touch-min)}.toast__dismiss .button{color:var(--color-on-primary)}.toast__message{flex:1}.chart-panel{position:relative}.chart-panel__actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-xs)}.chart-panel__expand{min-height:var(--size-touch-min);padding:0 var(--space-sm);border:0;background:transparent;color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer}.chart-panel__expand:active{background:var(--overlay-pressed)}.chart-panel--expanded{position:fixed;z-index:20;inset:0;overflow:auto;padding:max(var(--space-md),env(safe-area-inset-top)) max(var(--space-md),env(safe-area-inset-right)) max(var(--space-md),env(safe-area-inset-bottom)) max(var(--space-md),env(safe-area-inset-left));background:var(--color-background)}.chart-panel--expanded .chart{width:100%;margin:0 auto}.chart{position:relative;font-family:var(--font-family);touch-action:pan-y;overflow-x:clip;overflow-y:visible}.chart svg{display:block;width:100%;height:auto}.chart svg:focus{outline:none}.chart svg:focus-visible{outline:var(--border-width-focus) solid var(--color-primary);outline-offset:2px}.chart__tip{padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.chart__tip-item+.chart__tip-item{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-width) solid var(--color-border)}.chart__tip-at{margin:0;color:var(--color-text-subtle)}.chart__tip-rest{margin:var(--space-sm) 0 0;padding-top:var(--space-sm);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-subtle)}.chart__tip-value{margin:var(--space-xs) 0 0;color:var(--color-text)}.chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);margin:var(--space-sm) 0 0;padding:0;list-style:none;color:var(--color-text-subtle);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.chart__legend-item{display:flex;gap:var(--space-xs);align-items:center}.chart__legend-mark{display:inline-block;width:12px;height:3px}.chart__legend-mark--night{background-image:linear-gradient(to right,currentColor 0 58%,transparent 58% 100%);background-size:8px 100%}.capture__stage{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-control);background:var(--color-preview-ground)}.capture__video{display:block;width:100%;height:100%;object-fit:cover}.capture__guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;aspect-ratio:1700 / 1950;border:var(--border-width-focus) solid var(--color-primary);border-radius:var(--radius-control);box-shadow:0 0 0 9999px var(--overlay-guide);pointer-events:none}.capture__actions{display:flex;flex-direction:column;gap:var(--space-sm)}