:root{color:#f6f1e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#17372b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#17372b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.site-background{z-index:0;pointer-events:none;background-image:url(/background/main-bg.jpg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.site-background-mask{z-index:1;pointer-events:none;background:#0a1c152e;position:fixed;inset:0}.app-content{z-index:10;position:relative}.app-shell{width:min(100%,480px);margin:0 auto;padding:22px 16px 112px;position:relative}.app-header{justify-content:space-between;align-items:flex-end;gap:16px;padding:8px 2px 14px;display:flex}.app-header h1,.time-header h1,.placeholder-page h1{color:#f6f1e7;text-shadow:0 2px 16px #0818126b;margin:0;font-size:32px;font-weight:800;line-height:1.12}.app-header p,.time-header p,.placeholder-page p{color:#f6f1e7c7;text-shadow:0 2px 14px #0818125c;margin:10px 0 0;font-size:14px;font-weight:650}.upload-card{isolation:isolate;margin-top:30px;position:relative}.upload-card-wrapper{--upload-wrapper-scale:1;isolation:isolate;scale:var(--upload-wrapper-scale);transform-origin:50%;transition:transform .21s cubic-bezier(.22,1,.36,1),scale .21s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(0)}.upload-card-wrapper>.sticker-decoration{z-index:2!important}.upload-zone,.empty-state,.meal-card,.placeholder-page,.month-placeholder{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#214c3aeb;border:1px solid #f6f1e729;border-radius:8px;box-shadow:0 18px 44px #08181247}.upload-zone,.empty-state,.meal-card,.month-card,.day-meal-card,.summary-card,.day-summary-card,.ai-note-card,.analysis-metrics article,.trend-card{isolation:isolate;position:relative}.upload-zone>*,.empty-state>*,.meal-card>*,.summary-card>*,.year-card>*,.month-card>*,.day-meal-card>*,.day-summary-card>*,.ai-note-card>*,.analysis-metrics article>*,.trend-card>*{z-index:1;position:relative}.empty-state,.summary-card,.day-summary-card,.ai-note-card,.analysis-metrics article,.trend-card{position:relative;overflow:hidden}.sticker-decoration{opacity:.96;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 5px 7px #0818122e);width:64px;height:64px;transform:rotate(var(--sticker-rotate));transform-origin:50%;display:block;z-index:0!important;position:absolute!important}.sticker-decoration svg,.sticker-decoration.png-sticker{object-fit:contain;width:100%;height:100%}.sticker-decoration.tiny{width:40px;height:40px}.sticker-decoration.small{width:54px;height:54px}.sticker-decoration.medium{width:76px;height:76px}.sticker-decoration.large{width:100px;height:84px}.sticker-decoration.hero-girl{width:132px;height:90px}.sticker-decoration.hero-cat{width:126px;height:88px}.sticker-decoration.hero-bowl{width:116px;height:82px}.sticker-decoration.top-right{top:-10px;right:-9px}.sticker-decoration.bottom-right{bottom:-11px;right:-9px}.sticker-decoration.bottom-left{bottom:-11px;left:-9px}.sticker-decoration.top-left{top:-10px;left:-9px}.sticker-decoration.side-right{top:43%;right:-13px}.sticker-decoration.png-sticker.top-right{top:-5px;right:-4px}.sticker-decoration.png-sticker.bottom-right{bottom:-6px;right:-5px}.sticker-decoration.png-sticker.bottom-left{bottom:-6px;left:-5px}.sticker-decoration.png-sticker.top-left{top:-5px;left:-5px}.sticker-decoration.hero-girl.top-left{top:-37px;left:-17px;right:auto}.sticker-decoration.hero-cat.top-right{top:-12px;right:8px}.sticker-decoration.hero-bowl.bottom-left{bottom:-12px;left:8px}.upload-zone>.sticker-decoration,.empty-state>.sticker-decoration,.meal-card>.sticker-decoration,.summary-card>.sticker-decoration,.year-card>.sticker-decoration,.month-card>.sticker-decoration,.day-meal-card>.sticker-decoration,.day-summary-card>.sticker-decoration,.ai-note-card>.sticker-decoration,.analysis-metrics article>.sticker-decoration,.trend-card>.sticker-decoration{z-index:0}.date-card{isolation:isolate;overflow:hidden}.date-card>*{z-index:1;position:relative}.date-card>.sticker-decoration{z-index:0;opacity:.78}.month-card>.sticker-decoration,.year-card>.sticker-decoration{opacity:.94}.month-card>.sticker-decoration:nth-of-type(2),.year-card>.sticker-decoration:nth-of-type(2){opacity:.88}.day-meal-card>.sticker-decoration,.day-summary-card>.sticker-decoration{opacity:.9}.decorated-card-shell{isolation:isolate;position:relative;overflow:visible}.decorated-card-shell>.sticker-decoration{z-index:2!important}.decorated-card-shell>.summary-card{z-index:1;position:relative}.summary-shell .summary-card{padding-left:108px}.today-insight-card,.today-suggestion-card{isolation:isolate;color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#214c3aed;border:1px solid #f6f1e72b;border-radius:8px;margin-top:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px #08181247}.today-suggestion-card{background:#17372bf2}.today-insight-card>*,.today-suggestion-card>*{z-index:1;position:relative}.today-insight-card>.sticker-decoration,.today-suggestion-card>.sticker-decoration{opacity:.78;z-index:0!important}.today-insight-card h2,.today-suggestion-card h2{margin:0;font-size:19px}.today-suggestion-card h2 span{color:#e7aba4;margin-right:5px}.today-insight-card p,.today-suggestion-card p{color:#f6f1e7c7;margin:10px 0 0;font-size:14px;line-height:1.75}.year-card>.hero-cat{z-index:2!important}.year-card>span,.year-card>small,.month-card>strong,.month-card>span,.month-card>small{z-index:5}@media (width<=380px){.sticker-decoration.large{width:82px;height:70px}.sticker-decoration.medium{width:64px;height:64px}.sticker-decoration.hero-girl{width:110px;height:78px}.sticker-decoration.hero-cat{width:102px;height:74px}.sticker-decoration.hero-bowl{width:98px;height:72px}.summary-shell .summary-card{padding-left:90px}.sticker-decoration.hero-girl.top-left{top:-32px;left:-12px}.date-card>.sticker-decoration:not(.tiny){display:none}}.upload-zone{width:100%;min-height:104px;color:inherit;cursor:pointer;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.upload-zone:hover{border-color:#f6f1e757;transform:none;box-shadow:0 24px 54px #08181257}.upload-zone:focus-visible{outline-offset:3px;outline:3px solid #f6f1e742}.upload-copy{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:104px;padding:20px 18px 18px;display:flex}.upload-title{color:#f6f1e7;font-size:19px;font-weight:800}.upload-note,.file-name,.section-title span,.meal-time{color:#f6f1e7b8}.upload-note,.file-name{font-size:13px}.photo-preview{object-fit:cover;width:100%;height:132px;display:block}.file-input{display:none}.file-name{margin:8px 2px 0}.diary-section{margin-top:22px}.section-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;padding:0 2px;display:flex}.section-title h2{color:#f6f1e7;text-shadow:0 2px 14px #0818125c;margin:0;font-size:22px;line-height:1.2}.section-title span{font-size:13px}.empty-state{color:#f6f1e7;text-align:center;margin:0;padding:24px 18px;font-weight:800}.meal-list{gap:14px;display:grid}.meal-card{grid-template-columns:118px 1fr;gap:14px;display:grid;overflow:hidden}.today-record-form{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:0;padding:0}.today-record-form .record-form-heading h3{color:#f6f1e7;margin:0;font-size:17px}.incomplete-record-note{color:#f6f1e7ad;margin:7px 0 0;font-size:12px;line-height:1.5}.meal-photo{background:#17372bb3;min-height:132px;position:relative;overflow:hidden}.uploaded-photo img{object-fit:cover;width:100%;height:132px;display:block}.meal-content{min-width:0;padding:14px 14px 14px 0}.meal-time{margin:0 0 8px;font-size:12px;font-weight:650}.meal-main{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.meal-main h3{color:#f6f1e7;margin:0;font-size:20px;line-height:1.2}.meal-main strong{color:#f6f1e7;white-space:nowrap;font-size:16px}.nutrition-tags,.summary-macros{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.nutrition-tags span,.summary-macros span{color:#f6f1e7d1;white-space:nowrap;background:#3e68539e;border:1px solid #f6f1e729;border-radius:999px;padding:7px 9px;font-size:12px;line-height:1}.summary-card{color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17372bf0;border:1px solid #f6f1e729;border-radius:8px;gap:16px;margin-top:18px;padding:18px;display:grid;box-shadow:0 22px 52px #08181257}.summary-card p{color:#f6f1e7b8;margin:0 0 6px;font-size:13px}.summary-card strong{color:#f6f1e7;font-size:28px;line-height:1;display:block}.placeholder-page{min-height:56vh;padding:24px}.time-page{min-height:60vh}.time-header{padding:8px 2px 18px}.year-stack{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;height:390px;position:relative}.year-stack:active{cursor:grabbing}.year-card{color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(86%,360px);height:250px;transform:translateX(calc(-50% + var(--card-x))) translateY(var(--card-y)) scale(var(--card-scale)) rotate(var(--card-rotate));opacity:var(--card-opacity);z-index:var(--card-z);background:#214c3ae6;border:1px solid #f6f1e724;border-radius:8px;place-items:center;transition:border-color .18s,background .18s,transform .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:52px;left:50%;box-shadow:0 18px 42px #08181247}.year-card:hover{border-color:#f6f1e757;box-shadow:0 24px 54px #0818125c}.year-card:not([data-active=true]):hover{filter:brightness(1.08);background:#305b47f2;box-shadow:0 26px 58px #08181266}.year-card:active{transform:translateX(calc(-50% + var(--card-x))) translateY(var(--card-y)) scale(.97) rotate(var(--card-rotate))}.year-card[data-active=true]{background:#17372bf5;border-color:#f6f1e73d;box-shadow:0 28px 64px #0818126b}@media (hover:none),(pointer:coarse){.year-card:not([data-active=true]):hover{filter:none}}.year-card span{color:#f6f1e7;letter-spacing:0;font-size:58px;font-weight:900}.year-card small{color:#f6f1e7b8;margin-top:-70px;font-size:13px;font-weight:800}.month-placeholder{min-height:56vh;padding:24px}.month-placeholder button{color:#f6f1e7;cursor:pointer;background:#17372bf5;border:1px solid #f6f1e72e;border-radius:999px;padding:8px 12px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 12px 28px #0818124d}.month-placeholder button:hover{border-color:#f6f1e75c;transform:scale(1.03);box-shadow:0 16px 34px #08181261}.month-placeholder button:active{transform:scale(.98)}.month-placeholder h1{color:#f6f1e7;margin:24px 0 0;font-size:42px;line-height:1}.month-placeholder p{color:#f6f1e7b8;margin:14px 0 0}.time-layer{min-height:60vh}.time-layer-enter{animation:.24s both layer-enter}.time-back{color:#f6f1e7;cursor:pointer;background:#17372beb;border:1px solid #f6f1e733;border-radius:999px;padding:9px 14px;font-weight:800;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 12px 28px #0818124d}.time-back:hover{border-color:#f6f1e76b;transform:translateY(-2px)scale(1.01);box-shadow:0 16px 34px #08181261}.time-back:active{transform:scale(.98)}.layer-heading{padding:24px 2px 14px}.layer-heading h1{color:#f6f1e7;text-shadow:0 2px 16px #0818126b;margin:0;font-size:34px}.layer-heading p,.layer-hint{color:#f6f1e7b8}.calendar-weekdays,.date-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-weekdays{padding:0 2px 8px}.calendar-weekdays span{color:#f6f1e7a3;text-align:center;font-size:11px;font-weight:800}.date-grid{align-items:stretch}.date-card{color:#f6f1e7;cursor:pointer;background:#36604ce6;border:1px solid #f6f1e721;border-radius:8px;flex-direction:column;align-items:flex-start;min-width:0;min-height:78px;padding:8px 6px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s,opacity .22s;display:flex;position:relative;box-shadow:0 10px 24px #08181233}.date-number{font-size:18px;font-weight:900;line-height:1}.date-card small{color:#f6f1e7ad;margin-top:4px;font-size:10px}.date-card em{color:#f6f1e7;white-space:nowrap;margin-top:auto;font-size:9px;font-style:normal;font-weight:800}.date-card i{color:#f6f1e7;background:#f6f1e724;border-radius:999px;padding:2px 4px;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:7px;right:5px}.date-card[data-has-records=true]{background:#214c3af5;border-color:#f6f1e740}.date-card[data-today=true]{background:#133025fa;border-color:#f6f1e775;box-shadow:0 16px 34px #08181266}.date-card[data-future=true]{opacity:.43}.date-card:hover{border-color:#f6f1e775;transform:translateY(-3px)scale(1.01);box-shadow:0 16px 34px #08181261}.date-card:active{transform:scale(.98)}.day-heading>span{color:#f6f1e7b3;letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.day-meal-list{gap:14px;display:grid}.day-meal-card{color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#214c3aed;border:1px solid #f6f1e729;border-radius:8px;grid-template-columns:112px 1fr;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;overflow:hidden;box-shadow:0 18px 42px #08181247}.day-meal-card:hover{border-color:#f6f1e757;transform:translateY(-3px)scale(1.01);box-shadow:0 24px 52px #08181261}.day-meal-image{background-color:#365c49;background-image:radial-gradient(circle at 30% 25%,#f6f1e733,#0000 34%),radial-gradient(circle at 66% 68%,#daab7047,#0000 38%);place-items:end start;min-height:148px;padding:10px;display:grid}.day-meal-image img{object-fit:cover;width:calc(100% + 20px);height:calc(100% + 20px);min-height:148px;margin:-10px}.day-meal-image.rice{background-color:#294f3d}.day-meal-image.tea{background-color:#3d604c}.day-meal-image span{background:#17372bb3;border:1px solid #f6f1e72e;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.day-meal-content{min-width:0;padding:14px}.day-meal-meta,.day-meal-title{justify-content:space-between;gap:8px;display:flex}.day-meal-meta{color:#f6f1e7b3;font-size:11px;font-weight:800}.day-meal-title{align-items:baseline;margin-top:9px}.day-meal-title h2{margin:0;font-size:18px}.day-meal-title strong{white-space:nowrap;font-size:13px}.day-summary-card,.ai-note-card{color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17372bf5;border:1px solid #f6f1e72b;border-radius:8px;margin-top:16px;padding:18px;box-shadow:0 20px 48px #08181257}.day-summary-heading{justify-content:space-between;align-items:baseline;display:flex}.day-summary-heading p,.day-summary-heading strong{margin:0}.day-summary-heading p{color:#f6f1e7b8;font-size:13px;font-weight:800}.day-summary-heading strong{font-size:24px}.day-macro-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.day-macro-grid span{background:#3e685394;border-radius:7px;gap:4px;padding:10px;display:grid}.day-macro-grid small{color:#f6f1e7a8}.ai-note-card{background:#214c3aed}.ai-note-card>span{color:#f6f1e7b8;background:#f6f1e71f;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;display:inline-block}.ai-note-card h2{margin:12px 0 8px;font-size:20px}.ai-note-card p{color:#f6f1e7c7;margin:0;font-size:14px;line-height:1.75}.add-record-button{color:#f6f1e7;cursor:pointer;background:#235840f5;border:1px solid #f6f1e73d;border-radius:8px;width:100%;margin-bottom:14px;padding:14px;font-weight:900;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 16px 38px #0818124d}.add-record-button:hover,.record-actions button:hover,.record-form-actions button:hover,.delete-confirm button:hover{border-color:#f6f1e76b;transform:translateY(-2px)scale(1.01);box-shadow:0 12px 26px #0818124d}.add-record-button:active,.record-actions button:active,.record-form-actions button:active,.delete-confirm button:active{transform:scale(.98)}.day-empty-state,.record-form{color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#214c3aed;border:1px solid #f6f1e729;border-radius:8px;margin-bottom:14px;padding:18px;box-shadow:0 18px 42px #08181247}.day-empty-state{text-align:center}.day-empty-state p,.record-note{color:#f6f1e7b3;font-size:12px}.record-form-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.record-form-heading h2{margin:0;font-size:19px}.record-form-heading span{color:#f6f1e799;font-size:10px}.record-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.record-form label{color:#f6f1e7b8;gap:6px;min-width:0;font-size:11px;font-weight:800;display:grid}.record-form .wide-field{grid-column:1/-1}.record-form input,.record-form textarea{color:#f6f1e7;background:#113024c2;border:1px solid #f6f1e72e;border-radius:7px;outline:none;width:100%;padding:10px}.record-form input:focus,.record-form textarea:focus{border-color:#f6f1e77a;box-shadow:0 0 0 3px #f6f1e714}.record-form input[type=file]::file-selector-button{color:#f6f1e7;background:#3e6853e6;border:0;border-radius:5px;margin-right:8px;padding:7px 9px}.record-form-preview{object-fit:cover;border-radius:7px;width:100%;max-height:180px}.record-form-actions,.record-actions,.delete-confirm{flex-wrap:wrap;gap:8px;display:flex}.record-form-actions{margin-top:14px}.record-actions{margin-top:12px}.record-form-actions button,.record-actions button,.delete-confirm button{color:#f6f1e7;cursor:pointer;border:1px solid #f6f1e729;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:900;transition:transform .2s,border-color .2s,box-shadow .2s}.save-action{background:#2f7453}.cancel-action,.edit-action{background:#3e6853d1}.delete-action,.delete-confirm button:first-of-type{background:#744339e6}.record-note{margin:10px 0 0;line-height:1.6}.delete-confirm{background:#523029a3;border:1px solid #cc8f7c52;border-radius:7px;margin-top:10px;padding:10px}.delete-confirm p{flex-basis:100%;margin:0 0 2px;font-size:12px}.delete-confirm button:last-child{background:#3e6853c7}.analysis-header{padding:8px 2px 16px}.analysis-header h1{color:#f6f1e7;text-shadow:0 2px 16px #0818126b;margin:0;font-size:32px}.analysis-header p{color:#f6f1e7c2;margin:9px 0 0;font-size:14px}.period-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#214c3ae0;border:1px solid #f6f1e724;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid;box-shadow:0 16px 36px #08181242}.period-control button{color:#f6f1e7b3;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:40px;font-weight:900;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.period-control button:hover{color:#f6f1e7;transform:translateY(-2px)scale(1.01)}.period-control button:active{transform:scale(.98)}.period-control button.active{color:#f6f1e7;background:#17372bfa;box-shadow:0 9px 22px #08181257}.analysis-panel{animation:.22s both layer-enter}.analysis-panel-heading{padding:22px 2px 12px}.analysis-panel-heading h2{color:#f6f1e7;margin:0;font-size:24px}.analysis-panel-heading p{color:#f6f1e7b3;margin:7px 0 0;font-size:12px}.analysis-metrics{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.analysis-metrics article,.trend-card{color:#f6f1e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#214c3aeb;border:1px solid #f6f1e726;border-radius:8px;box-shadow:0 16px 38px #08181242}.analysis-metrics article{align-content:space-between;min-height:104px;padding:14px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.analysis-metrics article:hover{border-color:#f6f1e757;transform:translateY(-3px)scale(1.01);box-shadow:0 22px 46px #08181257}.analysis-metrics span{color:#f6f1e7a8;font-size:12px}.analysis-metrics strong{font-size:19px}.trend-card{background:#17372bf2;margin-top:12px;padding:17px 14px 14px}.trend-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.trend-card h3{margin:0;font-size:17px}.trend-card>div:first-child span{color:#f6f1e794;font-size:10px}.trend-chart{align-items:flex-end;gap:7px;height:190px;margin-top:18px;display:flex}.trend-column{text-align:center;flex:1;grid-template-rows:18px 1fr 18px;gap:5px;min-width:0;height:100%;display:grid}.trend-value,.trend-column small{color:#f6f1e79e;font-size:9px}.trend-bar-wrap{background:#f6f1e70f;border-radius:6px;justify-content:center;align-items:flex-end;min-height:0;display:flex;overflow:hidden}.trend-bar{transform-origin:bottom;background:linear-gradient(#f6f1e7d1,#739d84d1);border-radius:6px 6px 2px 2px;width:100%;min-height:10px;animation:.42s both grow-bar}@keyframes grow-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=380px){.calendar-weekdays,.date-grid{gap:4px}.date-card{min-height:72px;padding:7px 4px}.date-card em{font-size:8px}.day-meal-card{grid-template-columns:92px 1fr}.day-meal-title{display:block}.day-meal-title strong{margin-top:5px;display:inline-block}.record-form-grid{grid-template-columns:1fr}.record-form .wide-field{grid-column:auto}}.layer-heading p{margin:8px 0 0;font-size:14px}.month-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y;cursor:grab;gap:14px;width:100%;padding:22px calc(50% - 116px) 34px;display:flex;overflow-x:auto}.month-track::-webkit-scrollbar{display:none}.month-track:active{cursor:grabbing}.month-card{scroll-snap-align:center;color:#f6f1e7;min-height:210px;opacity:var(--month-opacity);transform:scale(var(--month-scale));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#305b47e8;border:1px solid #f6f1e729;border-radius:8px;flex:0 0 232px;place-content:center;gap:10px;transition:transform .22s,opacity .22s,border-color .22s,box-shadow .22s,background .22s;display:grid;box-shadow:0 16px 38px #08181242}.month-card[data-active=true]{opacity:1;background:#17372bf7;border-color:#f6f1e74d;transform:scale(1.04);box-shadow:0 26px 58px #0818126b}.month-card[data-opening=true]{animation:.22s both month-open}.month-card:hover{border-color:#f6f1e766;box-shadow:0 22px 48px #0818125c}.month-card:active{transform:scale(.98)}.month-card strong{font-size:42px;line-height:1}.month-card span{font-size:14px;font-weight:800}.month-card small{color:#f6f1e7ad;font-size:12px}.layer-hint{text-align:center;margin:0;font-size:12px}@keyframes layer-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes month-open{0%{opacity:1;transform:scale(1.04)}55%{opacity:.92;transform:scale(.985)}to{opacity:0;transform:translateY(7px)scale(1.015)}}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#214c3adb;border:1px solid #f6f1e724;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100% - 32px,448px);padding:8px;display:grid;position:fixed;bottom:18px;right:50%;transform:translate(50%);box-shadow:0 20px 48px #0818125c}.bottom-nav button{color:#f6f1e7b8;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:42px;font-weight:800;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.bottom-nav button:hover{color:#f6f1e7;transform:translateY(-2px)scale(1.01)}.bottom-nav button:active{transform:scale(.98)}.bottom-nav button.active{color:#f6f1e7;background:#17372bfa;box-shadow:0 8px 18px #08181247}.year-card,.month-card,.date-card,.time-back,.add-record-button,.period-control button,.record-actions button,.record-form-actions button,.delete-confirm button{--interaction-scale:1;isolation:isolate;scale:var(--interaction-scale);transition-property:border-color,background,color,transform,scale,opacity,box-shadow,filter;transition-duration:.21s;transition-timing-function:cubic-bezier(.22,1,.36,1);position:relative}.upload-zone:before,.year-card:before,.month-card:before,.date-card:before,.time-back:before,.add-record-button:before,.period-control button:before,.record-actions button:before,.record-form-actions button:before,.delete-confirm button:before{z-index:6;border-radius:inherit;background:conic-gradient(from var(--mirror-angle,215deg), transparent 0deg 250deg, #72d89a33 270deg, #72d89a 292deg, #f5f1e8 306deg, #a7e8ba 320deg, #72d89a29 338deg, transparent 355deg);content:"";opacity:0;pointer-events:none;-webkit-mask-composite:xor;filter:drop-shadow(0 0 5px #64dc9633);padding:1.5px;transition:opacity .21s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.year-card:hover,.month-card:hover,.date-card:hover,.time-back:hover,.add-record-button:hover,.period-control button:hover,.record-actions button:hover,.record-form-actions button:hover,.delete-confirm button:hover{--interaction-scale:1.02}.upload-zone:hover:before,.year-card:hover:before,.month-card:hover:before,.date-card:hover:before,.time-back:hover:before,.add-record-button:hover:before,.period-control button:hover:before,.record-actions button:hover:before,.record-form-actions button:hover:before,.delete-confirm button:hover:before{opacity:1;animation:1.55s linear infinite mirror-ring-sweep}.year-card[data-active=true]{--interaction-scale:1.075}.year-card[data-active=true]:hover{--interaction-scale:1.085}.month-card[data-active=true]{--interaction-scale:1.035}.month-card[data-active=true]:hover{--interaction-scale:1.045}.period-control button.active{--interaction-scale:1.06}.period-control button.active:hover{--interaction-scale:1.07}}.year-card:active,.month-card:active,.date-card:active,.time-back:active,.add-record-button:active,.period-control button:active,.record-actions button:active,.record-form-actions button:active,.delete-confirm button:active{--interaction-scale:.985}@media (hover:none),(pointer:coarse){.upload-zone:active:before,.year-card:active:before,.month-card:active:before,.date-card:active:before,.time-back:active:before,.add-record-button:active:before,.period-control button:active:before,.record-actions button:active:before,.record-form-actions button:active:before,.delete-confirm button:active:before{opacity:1;animation:.7s ease-out mirror-ring-sweep}.year-card[data-active=true]{--interaction-scale:1.055}.month-card[data-active=true]{--interaction-scale:1.025}.period-control button.active{--interaction-scale:1.04}}@property --mirror-angle{syntax:"<angle>";inherits:false;initial-value:215deg}@keyframes mirror-ring-sweep{to{--mirror-angle:575deg}}@media (hover:hover) and (pointer:fine){.upload-card-wrapper:hover{--upload-wrapper-scale:1.02;transform:translateY(-2px)}.upload-card-wrapper:hover .upload-zone:before{opacity:1;animation:1.55s linear infinite mirror-ring-sweep}}.upload-card-wrapper:active{--upload-wrapper-scale:.985;transform:translateY(0)}@media (hover:none),(pointer:coarse){.upload-card-wrapper:active .upload-zone:before{opacity:1;animation:.7s ease-out mirror-ring-sweep}}@media (width<=380px){.meal-card{grid-template-columns:102px 1fr;gap:12px}.meal-main{display:block}.meal-main strong{margin-top:4px;display:inline-block}}@media (width>=720px){.app-shell{padding-top:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}