:root{--c-bg: #f0f4f7;--c-surface: #ffffff;--c-surface-2: #f5f8fb;--c-primary: #4f8ca8;--c-primary-dark: #3d7a94;--c-primary-light: #e8f2f7;--c-safe: #3a9e6e;--c-safe-bg: #edf7f2;--c-warn: #c97b10;--c-warn-bg: #fff5e5;--c-danger: #b83228;--c-danger-bg: #fdf0ee;--c-text: #1e2d3a;--c-text-2: #5a7080;--c-text-3: #8fa8b8;--c-border: #d0dde8;--c-border-light: #e5eef5;--c-shadow-sm: 0 1px 4px rgba(79, 140, 168, .1);--c-shadow: 0 2px 12px rgba(79, 140, 168, .12);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 9999px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--tab-h: 64px;--header-h: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.6;min-height:100dvh;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}input{font-family:inherit}ul,ol{list-style:none}.app-container{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--c-bg)}.app-header{position:sticky;top:0;z-index:50;background:var(--c-primary);height:var(--header-h);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 8px #00000026}.app-title{font-size:var(--text-md);font-weight:700;color:#fff;letter-spacing:.03em}.app-main{flex:1;overflow-y:auto;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 16px)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));background:var(--c-surface);border-top:1px solid var(--c-border);display:flex;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;color:var(--c-text-3);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;transition:color .15s;min-height:48px}.tab-btn .tab-icon{font-size:22px;line-height:1}.tab-btn.active{color:var(--c-primary)}.tab-btn.active .tab-icon{filter:none}.tab-section{padding:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-md)}.today-card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:var(--c-shadow);display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm)}.today-date{font-size:var(--text-sm);color:var(--c-text-2);font-weight:500}.gauge-wrap{position:relative;width:148px;height:148px}.gauge{width:148px;height:148px;overflow:visible}.gauge-track{fill:none;stroke:var(--c-border-light);stroke-width:12}.gauge-fill-circle{fill:none;stroke:var(--c-safe);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke .3s ease}.gauge-text-pct{font-size:26px;font-weight:700;fill:var(--c-text);dominant-baseline:middle}.gauge-text-g{font-size:14px;fill:var(--c-text-2);dominant-baseline:middle}.remaining-msg{font-size:var(--text-sm);font-weight:600;padding:6px 14px;border-radius:var(--r-full);text-align:center}.remaining-msg.status-safe{background:var(--c-safe-bg);color:var(--c-safe)}.remaining-msg.status-warn{background:var(--c-warn-bg);color:var(--c-warn)}.remaining-msg.status-danger{background:var(--c-danger-bg);color:var(--c-danger)}.section-block{background:var(--c-surface);border-radius:var(--r-md);padding:var(--sp-md);box-shadow:var(--c-shadow-sm)}.section-title{font-size:var(--text-sm);font-weight:700;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-sm)}.venue-selector{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:var(--sp-sm);padding-bottom:2px}.venue-selector::-webkit-scrollbar{display:none}.venue-btn{flex-shrink:0;padding:6px 12px;background:var(--c-border-light);border:1.5px solid transparent;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;color:var(--c-text-2);white-space:nowrap;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;min-height:32px}.venue-btn.active{background:var(--c-primary-light);border-color:var(--c-primary);color:var(--c-primary)}.venue-btn:active:not(.active){opacity:.7}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}.preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 6px;min-height:68px;background:var(--c-surface-2);border:1.5px solid var(--c-border-light);border-radius:var(--r-md);transition:background .1s,border-color .1s,transform .1s;-webkit-tap-highlight-color:transparent}.preset-btn:active{background:var(--c-primary-light);border-color:var(--c-primary);transform:scale(.97)}.preset-name{font-size:11.5px;font-weight:600;color:var(--c-text);text-align:center;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.preset-grams{font-size:var(--text-xs);color:var(--c-primary);font-weight:700;background:var(--c-primary-light);padding:2px 6px;border-radius:var(--r-full);white-space:nowrap}.custom-form{display:flex;flex-direction:column;gap:var(--sp-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:var(--text-xs);font-weight:600;color:var(--c-text-2);letter-spacing:.03em}.form-field input[type=number],.form-field input[type=text]{padding:10px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-base);color:var(--c-text);background:var(--c-surface);transition:border-color .15s;width:100%;-webkit-appearance:none;appearance:none}.form-field input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8ca81f}.calc-preview{font-size:var(--text-md);font-weight:700;color:var(--c-primary);text-align:center;padding:4px 0}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.btn-primary{padding:12px 20px;background:var(--c-primary);color:#fff;border-radius:var(--r-md);font-size:var(--text-base);font-weight:700;text-align:center;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.btn-primary:active{background:var(--c-primary-dark);transform:scale(.98)}.btn-secondary{padding:12px 20px;background:var(--c-surface-2);color:var(--c-primary);border:1.5px solid var(--c-primary);border-radius:var(--r-md);font-size:var(--text-base);font-weight:700;text-align:center;transition:background .15s}.btn-secondary:active{background:var(--c-primary-light)}.btn-danger{padding:12px 20px;background:var(--c-surface-2);color:var(--c-danger);border:1.5px solid var(--c-danger);border-radius:var(--r-md);font-size:var(--text-base);font-weight:700;width:100%;transition:background .15s}.btn-danger:active{background:var(--c-danger-bg)}.drink-list{display:flex;flex-direction:column;gap:1px}.drink-item{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:var(--sp-sm);padding:10px 0;border-bottom:1px solid var(--c-border-light)}.drink-item:last-child{border-bottom:none}.drink-time{font-size:var(--text-xs);color:var(--c-text-3);font-variant-numeric:tabular-nums}.drink-name{font-size:var(--text-sm);color:var(--c-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drink-grams{font-size:var(--text-sm);color:var(--c-primary);font-weight:700;font-variant-numeric:tabular-nums}.btn-delete{width:28px;height:28px;border-radius:var(--r-full);background:var(--c-border-light);color:var(--c-text-3);font-size:11px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.btn-delete:active{background:var(--c-danger-bg);color:var(--c-danger)}.empty-msg{text-align:center;padding:var(--sp-lg) 0;color:var(--c-text-3);font-size:var(--text-sm)}.breakdown-block{background:var(--c-primary-light)}.breakdown-time{font-size:var(--text-sm);color:var(--c-primary-dark);font-weight:600;text-align:center}.breakdown-note{font-size:var(--text-xs);color:var(--c-text-3);text-align:center;margin-top:4px}.yesterday-card{background:var(--c-warn-bg);border:1.5px solid rgba(201,123,16,.25);border-radius:var(--r-md);padding:var(--sp-md)}.yesterday-msg{font-size:var(--text-sm);color:var(--c-warn);font-weight:600;margin-bottom:var(--sp-sm);text-align:center}.hangover-btns{display:flex;flex-direction:column;gap:var(--sp-xs)}.hangover-btn{display:flex;align-items:center;gap:var(--sp-sm);padding:10px 14px;border-radius:var(--r-sm);background:var(--c-surface);border:1.5px solid var(--c-border);text-align:left;transition:background .1s,border-color .1s;-webkit-tap-highlight-color:transparent}.hangover-btn:active,.hangover-btn.selected{background:var(--c-primary-light);border-color:var(--c-primary)}.hangover-icon{font-size:22px}.hangover-label{font-size:var(--text-sm);color:var(--c-text);font-weight:500}.note-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--c-text);background:var(--c-surface);resize:vertical;min-height:76px;line-height:1.7;font-family:inherit;transition:border-color .15s}.note-textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8ca81f}.note-saved{font-size:var(--text-xs);color:var(--c-safe);font-weight:600;text-align:right;margin-top:4px}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;flex-direction:column;padding:12px;border-radius:var(--r-sm);background:var(--c-surface-2);border:1px solid var(--c-border-light);transition:border-color .1s}.history-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-sm)}.history-date{font-size:var(--text-sm);color:var(--c-text)}.history-grams{font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.history-grams.status-safe{color:var(--c-safe)}.history-grams.status-warn{color:var(--c-warn)}.history-grams.status-danger{color:var(--c-danger)}.history-note{font-size:var(--text-xs);color:var(--c-text-3);margin-top:6px;line-height:1.5}.history-hangover{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-2);font-size:var(--text-sm);transition:background .1s;flex-shrink:0}.history-hangover:active{background:var(--c-primary-light)}.analysis-header{padding-bottom:var(--sp-xs)}.analysis-title{font-size:var(--text-sm);font-weight:700;color:var(--c-primary-dark);margin-bottom:var(--sp-sm)}.analysis-sub{font-size:var(--text-xs);color:var(--c-text-3);margin-top:-4px}.analysis-placeholder{font-size:var(--text-sm);color:var(--c-text-3);text-align:center;padding:var(--sp-md) 0;line-height:1.6}.analysis-insight{font-size:var(--text-sm);color:var(--c-text-2);margin-top:var(--sp-sm);line-height:1.6}.analysis-insight strong{color:var(--c-primary);font-size:var(--text-md)}.hc-table{display:flex;flex-direction:column;gap:5px}.hc-row{display:grid;grid-template-columns:22px 100px 1fr 44px;align-items:center;gap:6px}.hc-row.hc-empty{opacity:.35}.hc-icon{font-size:16px;text-align:center}.hc-label{font-size:11px;color:var(--c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-bar-wrap{height:9px;background:var(--c-border-light);border-radius:5px;overflow:hidden}.hc-bar{height:100%;width:calc(var(--frac) * 100%);background:var(--c-primary);border-radius:5px;transition:width .6s ease}.hc-bar.hc-bar-bad{background:var(--c-warn)}.hc-g{font-size:11px;font-weight:700;color:var(--c-text);text-align:right;font-variant-numeric:tabular-nums}.weekday-chart{display:flex;flex-direction:column;gap:5px}.wc-row{display:grid;grid-template-columns:20px 1fr 46px;align-items:center;gap:8px}.wc-day{font-size:var(--text-xs);font-weight:700;color:var(--c-text-2);text-align:center}.wc-day.wc-day-max{color:var(--c-warn)}.wc-bar-wrap{height:9px;background:var(--c-border-light);border-radius:5px;overflow:hidden}.wc-bar{height:100%;width:calc(var(--frac) * 100%);background:var(--wc-color, var(--c-primary));border-radius:5px;transition:width .5s ease}.wc-val{font-size:var(--text-xs);color:var(--c-text-2);text-align:right;font-variant-numeric:tabular-nums}.trend-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) 0 var(--sp-sm)}.tc-col{display:flex;flex-direction:column;align-items:center;gap:3px}.tc-label{font-size:var(--text-xs);color:var(--c-text-3)}.tc-val{font-size:var(--text-xl);font-weight:800;color:var(--c-text);font-variant-numeric:tabular-nums;line-height:1}.tc-unit{font-size:var(--text-xs);font-weight:600;color:var(--c-text-2)}.tc-vs{font-size:var(--text-xs);color:var(--c-text-3);font-weight:600}.trend-indicator{font-size:var(--text-sm);font-weight:700;text-align:center;padding:7px 12px;border-radius:var(--r-full)}.ti-up{background:var(--c-danger-bg);color:var(--c-danger)}.ti-down{background:var(--c-safe-bg);color:var(--c-safe)}.ti-stable{background:var(--c-border-light);color:var(--c-text-2)}.rest-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm);margin-bottom:var(--sp-sm)}.rs-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.rs-val{font-size:var(--text-xl);font-weight:800;color:var(--c-text);font-variant-numeric:tabular-nums;line-height:1}.rs-unit{font-size:var(--text-sm);font-weight:600}.rs-label{font-size:var(--text-xs);color:var(--c-text-3);line-height:1.4}.rs-label small{font-size:10px}.rs-good{color:var(--c-safe)}.rs-warn{color:var(--c-warn)}.settings-form{display:flex;flex-direction:column;gap:var(--sp-md)}.setting-group{display:flex;flex-direction:column;gap:var(--sp-sm)}.setting-item{display:flex;flex-direction:column;gap:4px}.setting-item label{font-size:var(--text-sm);font-weight:700;color:var(--c-text)}.setting-hint{font-size:var(--text-xs);color:var(--c-text-3);line-height:1.5;margin-bottom:4px}.setting-item input[type=number]{padding:10px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-md);font-weight:600;color:var(--c-text);background:var(--c-surface);width:140px;-webkit-appearance:none;appearance:none}.setting-item input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8ca81f}.saved-msg{font-size:var(--text-sm);color:var(--c-safe);font-weight:600;text-align:center;padding:4px 0}.custom-preset-item{border-bottom:1px solid var(--c-border-light)}.custom-preset-item:last-child{border-bottom:none}.cp-display{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:10px 0}.cp-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cp-name{font-size:var(--text-sm);font-weight:600;color:var(--c-text)}.cp-detail{font-size:var(--text-xs);color:var(--c-text-3)}.cp-actions{display:flex;gap:6px;flex-shrink:0}.btn-cp-edit{font-size:var(--text-xs);color:var(--c-primary);padding:4px 8px;border:1px solid var(--c-primary);border-radius:var(--r-sm);background:var(--c-surface);transition:background .1s}.btn-cp-edit:active{background:var(--c-primary-light)}.btn-cp-delete{font-size:var(--text-xs);color:var(--c-danger);padding:4px 8px;border:1px solid var(--c-danger);border-radius:var(--r-sm);background:var(--c-surface);transition:background .1s}.btn-cp-delete:active{background:var(--c-danger-bg)}.cp-edit-form{padding:12px 0 16px;display:flex;flex-direction:column;gap:var(--sp-sm)}.cp-edit-form .form-field label{font-size:var(--text-xs);font-weight:600;color:var(--c-text-2)}.cp-edit-form .form-field input{padding:9px 10px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-base);color:var(--c-text);background:var(--c-surface);width:100%;font-family:inherit;-webkit-appearance:none;appearance:none}.cp-edit-form .form-field input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8ca81f}.cp-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.cp-edit-actions .btn-primary,.cp-edit-actions .btn-secondary{padding:10px;font-size:var(--text-sm)}.danger-zone{border:1.5px solid rgba(184,50,40,.2)}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-backdrop[hidden]{display:none}.modal{background:var(--c-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:480px;padding:var(--sp-lg) var(--sp-md);box-shadow:0 -4px 24px #00000026;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.modal-title{font-size:var(--text-md);font-weight:700;color:var(--c-text)}.modal-close{width:32px;height:32px;border-radius:var(--r-full);background:var(--c-border-light);color:var(--c-text-2);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.hangover-modal-btns{display:flex;flex-direction:column;gap:var(--sp-xs)}.app-footer{text-align:center;padding:var(--sp-sm) var(--sp-md);position:fixed;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:100%;max-width:480px;pointer-events:none;display:none}.app-footer p{font-size:var(--text-xs);color:var(--c-text-3);padding:4px 12px;background:var(--c-bg);border-radius:var(--r-full);display:inline-block}.disclaimer{text-align:center;padding:var(--sp-sm)}.disclaimer p{font-size:var(--text-xs);color:var(--c-text-3)}.status-safe{color:var(--c-safe)}.status-warn{color:var(--c-warn)}.status-danger{color:var(--c-danger)}.toast-container{position:fixed;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;z-index:400;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;line-height:1.4;box-shadow:0 4px 16px #0000002e;transform:translateY(10px);opacity:0;transition:transform .22s ease,opacity .22s ease;pointer-events:auto}.toast-show{transform:translateY(0);opacity:1}.toast-success{background:#1b7a4e;color:#fff}.toast-error{background:var(--c-danger);color:#fff}.toast-info{background:#3a6a80;color:#fff}@keyframes gauge-pulse{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}.gauge-pulse{animation:gauge-pulse .36s ease-out}.weekly-card{background:var(--c-primary-light);border:1px solid rgba(79,140,168,.22)}.weekly-title{font-size:var(--text-xs);font-weight:700;color:var(--c-primary-dark);letter-spacing:.04em;margin-bottom:var(--sp-sm)}.weekly-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}.weekly-stat{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.ws-value{font-size:var(--text-xl);font-weight:800;color:var(--c-primary);font-variant-numeric:tabular-nums;line-height:1}.ws-unit{font-size:var(--text-sm);font-weight:600}.ws-label{font-size:var(--text-xs);color:var(--c-text-3);line-height:1.35}.history-group-header{font-size:var(--text-xs);font-weight:700;color:var(--c-text-3);letter-spacing:.06em;text-transform:uppercase;padding:10px 4px 4px;list-style:none}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;min-height:18px}.note-char-count{font-size:var(--text-xs);color:var(--c-text-3);font-variant-numeric:tabular-nums}.note-char-count.near-limit{color:var(--c-warn);font-weight:600}@media(min-width:480px){.app-container{box-shadow:0 0 40px #0000001a}}