@import"https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap";:root{--bg: #FFF6E9;--bg-card: #FFFFFF;--bg-secondary: #FDEEDC;--border: #F4D7B5;--border-light: #FAE8D8;--text: #5D4037;--text-secondary: #A1887F;--text-tertiary: #BCAAA4;--primary: #FF8A65;--primary-dark: #F4764E;--primary-light: #FFF3E0;--danger: #EF5350;--danger-light: #FFEBEE;--warning: #FFB300;--warning-light: #FFF8E1;--success: #66BB6A;--success-light: #E8F5E9;--shadow: 0 2px 12px rgba(93, 64, 55, .08);--shadow-sm: 0 1px 6px rgba(93, 64, 55, .06);--radius: 20px;--radius-sm: 12px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:ZCOOL KuaiLe,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;touch-action:manipulation}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(244,215,181,.15) 23px,rgba(244,215,181,.15) 24px);pointer-events:none;z-index:0}#root{max-width:480px;margin:0 auto;min-height:100dvh;background:transparent;position:relative;z-index:1}.journal-header{padding:28px 20px 8px;position:relative}.journal-title{font-size:26px;font-weight:400;color:var(--text);letter-spacing:2px}.journal-title-emoji{display:inline-block;margin-right:6px}.journal-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px;letter-spacing:1px}.sticker-reminder{margin:8px 16px 4px;padding:14px 18px;border-radius:var(--radius);background:linear-gradient(135deg,#fff8e1,#fff3e0);border:2px dashed #FFCC80;display:flex;align-items:center;gap:12px;position:relative;box-shadow:var(--shadow-sm)}.sticker-reminder:before{content:"📌";font-size:18px}.sticker-reminder-text{font-size:14px;color:var(--text);line-height:1.5}.sticker-reminder-text strong{color:var(--danger);font-weight:400}.ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 12px 20px}.sticker-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);position:relative;transition:transform .2s,box-shadow .2s;animation:stickerIn .4s ease both;border:1.5px solid var(--border-light)}.sticker-card:nth-child(odd){transform:rotate(-.8deg)}.sticker-card:nth-child(2n){transform:rotate(.8deg);margin-top:8px}.sticker-card:active{transform:rotate(0) scale(.97)}@keyframes stickerIn{0%{opacity:0;transform:translateY(20px) rotate(-2deg)}to{opacity:1}}.sticker-emoji{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:10px}.sticker-name{font-size:16px;color:var(--text);margin-bottom:2px}.sticker-qty{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.sticker-qty strong{color:var(--primary);font-size:16px;font-weight:400}.sticker-meta{font-size:11px;color:var(--text-tertiary);line-height:1.8;padding-top:8px;border-top:1.5px dashed var(--border-light)}.sticker-badge{position:absolute;top:-6px;right:-6px;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:400;transform:rotate(8deg);box-shadow:0 2px 6px #0000001a;z-index:2}.sticker-badge-danger{background:var(--danger);color:#fff}.sticker-badge-warning{background:var(--warning);color:#fff}.sticker-actions{display:flex;gap:6px;margin-top:10px;padding-top:8px;border-top:1.5px dashed var(--border-light)}.btn-sticker{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:28px;padding:8px 18px;font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #5d40371a;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-sticker:active{transform:scale(.94);box-shadow:0 1px 3px #5d403714}.btn-sticker-primary{background:linear-gradient(135deg,#ff8a65,#ff7043);color:#fff;box-shadow:0 3px 10px #ff8a654d}.btn-sticker-ghost{background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border-light);box-shadow:none}.btn-sticker-danger{background:var(--danger-light);color:var(--danger);border:1.5px solid #FFCDD2;box-shadow:none}.btn-sticker-block{width:100%;justify-content:center;padding:14px;font-size:16px}.btn-sticker-large{width:100%;padding:18px;border-radius:var(--radius-lg);font-size:17px;border:2px dashed var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.journal-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:480px;width:100%;background:var(--bg-card);display:flex;border-top:2px solid var(--border-light);z-index:100;padding:4px 0 env(safe-area-inset-bottom,4px);box-shadow:0 -4px 20px #5d40370f}.journal-tab{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 0 8px;font-size:11px;font-family:inherit;color:var(--text-tertiary);cursor:pointer;transition:all .2s;border:none;background:none;position:relative;-webkit-tap-highlight-color:transparent}.journal-tab.active{color:var(--primary)}.journal-tab-icon{font-size:22px;margin-bottom:2px;transition:transform .2s}.journal-tab.active .journal-tab-icon{transform:scale(1.15)}.journal-tab-label{font-size:11px;font-weight:400}.page-title{font-size:22px;color:var(--text);padding:8px 16px 0;letter-spacing:1px}.page-subtitle{font-size:13px;color:var(--text-secondary);padding:2px 16px 12px}.page-content{padding:0 12px 80px}.add-methods{display:flex;flex-direction:column;gap:10px;padding:0 4px}.add-method-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);border:2px dashed var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.add-method-btn:active{transform:scale(.98);border-color:var(--primary);background:var(--primary-light)}.add-method-icon{font-size:30px;width:48px;text-align:center}.add-method-info{flex:1}.add-method-title{font-size:16px;color:var(--text)}.add-method-desc{font-size:12px;color:var(--text-tertiary);margin-top:2px}.journal-form{background:var(--bg-card);border-radius:var(--radius);padding:20px;border:1.5px solid var(--border-light);box-shadow:var(--shadow)}.form-group{margin-bottom:18px}.form-label{font-size:14px;color:var(--text);margin-bottom:8px;display:block}.form-label:before{content:"✎ ";color:var(--text-tertiary)}.journal-input{width:100%;padding:12px 14px;border:2px dashed var(--border-light);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s;background:var(--bg);color:var(--text)}.journal-input:focus{border-color:var(--primary);border-style:solid;background:#fff}.journal-input::placeholder{color:var(--text-tertiary)}.cat-grid{display:flex;flex-wrap:wrap;gap:8px}.cat-tag{padding:6px 16px;border-radius:20px;border:1.5px solid var(--border-light);background:var(--bg);font-size:13px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.cat-tag:active{transform:scale(.95)}.cat-tag.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.qty-sticker{display:inline-flex;align-items:center;gap:12px;background:var(--bg);border-radius:28px;padding:4px;border:2px dashed var(--border-light)}.qty-sticker-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-card);font-size:20px;cursor:pointer;color:var(--text);box-shadow:0 1px 4px #5d40371a;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit;-webkit-tap-highlight-color:transparent}.qty-sticker-btn:active{transform:scale(.85)}.qty-sticker-value{font-size:20px;font-weight:400;min-width:40px;text-align:center;color:var(--text)}.cook-header{text-align:center;padding:8px 0 16px}.cook-emoji{font-size:52px;margin-bottom:8px}.cook-title{font-size:18px;color:var(--text)}.cook-hint{font-size:13px;color:var(--text-secondary);margin-top:4px}.cook-ingredient-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg);margin-bottom:8px;border:1.5px dashed var(--border-light)}.cook-ingredient-emoji{font-size:24px}.cook-ingredient-name{flex:1;font-size:15px;color:var(--text)}.journal-popup{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:16px 20px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0));max-width:480px;width:100%;max-height:85vh;overflow-y:auto}.journal-popup-handle{width:40px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 16px}.journal-day{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:12px;border:1.5px solid var(--border-light);box-shadow:var(--shadow-sm)}.journal-day-header{font-size:15px;color:var(--text);padding-bottom:10px;border-bottom:1.5px dashed var(--border-light);margin-bottom:10px}.journal-meal{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--border-light)}.journal-meal:last-child{border-bottom:none}.journal-meal-icon{font-size:24px}.journal-meal-name{flex:1;font-size:14px;color:var(--text)}.journal-meal-ingredients{font-size:12px;color:var(--text-secondary)}.empty-journal{text-align:center;padding:48px 20px}.empty-journal-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 16px;border:2px dashed var(--border)}.empty-journal-title{font-size:17px;color:var(--text);margin-bottom:6px}.empty-journal-desc{font-size:13px;color:var(--text-tertiary);margin-bottom:16px}.journal-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#5d4037eb;color:#fff;padding:14px 24px;border-radius:28px;font-size:15px;font-family:inherit;z-index:300;pointer-events:none;animation:toastPop 2.2s ease forwards;white-space:nowrap}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.9)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5d403766;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.divider-dashed{border:none;border-top:2px dashed var(--border-light);margin:16px 0}.sticker-category{font-size:14px;color:var(--text);padding:8px 16px 4px}.sticker-category:before{content:"📎 "}@media (max-width: 360px){.journal-title{font-size:22px}.sticker-card{padding:14px}.ingredient-grid{gap:10px;padding:4px 8px 20px}}