*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FFF8F0;--surface:#FFFFFF;--surface-warm:#FFF5EB;--text-primary:#3D2B1F;--text-secondary:#7A6355;--text-muted:#A89585;--accent:#E8734A;--accent-light:#FDEEE8;--accent-glow:#F5A882;--green:#6B9E78;--green-light:#E8F5E9;--amber:#E5A84B;--amber-light:#FFF3DC;--sage:#8BA88E;--cream:#FDF6ED;--border:#F0E4D7;--shadow:0 2px 16px rgba(61,43,31,.06);--shadow-lg:0 8px 32px rgba(61,43,31,.1);--radius:16px;--radius-sm:10px;--radius-xs:6px;--font-serif:"Noto Serif SC",Georgia,"Times New Roman",serif;--font-display:"ZCOOL KuaiLe","Noto Serif SC",cursive;--profile-hue:25;--profile-sat:70%;--profile-bg:oklch(96% .02 var(--profile-hue));--profile-accent:oklch(62% .15 var(--profile-hue))}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-serif);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{max-width:430px;margin:0 auto;min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}.phone-frame{position:relative;min-height:100vh;padding-bottom:90px;background:var(--profile-bg);transition:background .6s ease}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 4px;font-size:.75rem;color:var(--text-muted);font-family:system-ui,sans-serif}.profile-section{padding:12px 20px 0}.profile-switcher{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 20px;margin:0 -20px}.profile-switcher::-webkit-scrollbar{display:none}.profile-chip{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);white-space:nowrap;display:flex;align-items:center;gap:6px;user-select:none;-webkit-user-select:none}.profile-chip.active{background:var(--profile-accent);color:#fff;border-color:var(--profile-accent);box-shadow:0 2px 12px #e8734a40;transform:scale(1.03)}.profile-chip .emoji{font-size:1rem}.greeting{padding:20px 24px 4px}.greeting-time{font-size:.8rem;color:var(--text-muted);font-family:system-ui,sans-serif;letter-spacing:.02em}.greeting-text{font-family:var(--font-display);font-size:1.6rem;color:var(--text-primary);margin-top:2px;line-height:1.3}.greeting-sub{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.inventory-header{display:flex;align-items:baseline;justify-content:space-between;margin:16px 20px 6px}.inventory-bar{margin:0 20px;background:var(--surface);border-radius:var(--radius);padding:14px 20px 12px;box-shadow:var(--shadow)}.inventory-info{flex:1;min-width:0}.inventory-hint,.inventory-count{font-size:.75rem;color:var(--text-muted);letter-spacing:.02em}.inventory-bubbles-scroll{overflow:hidden;display:flex;flex-direction:column;gap:4px}.bubble-row{display:flex;flex-wrap:nowrap;width:max-content;will-change:transform}.inv-bubble{font-size:.72rem;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;margin:0 3px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,border-color .2s,color .2s}.inv-bubble.selected{background:var(--accent);border-color:var(--accent);color:#fff}.inv-bubble.selected .inv-dot{background:#fff!important}.inv-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mood-section{padding:12px 20px 0}.section-label{font-size:.75rem;color:var(--text-muted);margin-bottom:8px;letter-spacing:.02em}.mood-pills{display:flex;gap:8px;align-items:center}.mood-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.mood-pill:active,.mood-pill.active{border-color:var(--accent);background:var(--accent-light);transform:scale(.97)}.mood-pill .mood-emoji{font-size:1rem}.mood-pill .mood-text{font-size:.72rem;color:var(--text-secondary)}.destiny-section{padding:24px 20px 0;text-align:center}.destiny-btn{width:140px;height:140px;border-radius:50%;border:none;background:linear-gradient(145deg,var(--accent),#D45A30);color:#fff;font-family:var(--font-display);font-size:1.3rem;cursor:pointer;position:relative;box-shadow:0 6px 24px #e8734a59,inset 0 2px #fff3;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0 auto;line-height:1.2}.destiny-btn:active{transform:scale(.95);box-shadow:0 3px 12px #e8734a4d}.destiny-btn .dice{font-size:2rem;display:block}.destiny-btn .label{font-size:.9rem;opacity:.9}.destiny-hint{font-size:.75rem;color:var(--text-muted);margin-top:10px;font-family:system-ui,sans-serif}.drift-section{padding:12px 24px 0;display:flex;align-items:center;gap:10px}.drift-label-l,.drift-label-r{font-size:.68rem;color:var(--text-muted);white-space:nowrap;font-family:system-ui,sans-serif}.drift-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--sage),var(--accent));outline:none}.drift-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 4px #00000026;cursor:pointer}.recipe-section{padding:20px 20px 0}.recipe-section-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:6px}.recipe-section-title .dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}.recipe-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:14px;transition:transform .2s ease;cursor:pointer;border-left:4px solid var(--green)}.recipe-card:active{transform:scale(.985)}.recipe-card.a-rank{border-left-color:var(--amber)}.recipe-card.b-rank{border-left-color:var(--accent-glow)}.recipe-card-header{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:flex-start}.recipe-name{font-family:var(--font-display);font-size:1.15rem;color:var(--text-primary);line-height:1.3}.recipe-tag{font-size:.65rem;padding:3px 8px;border-radius:10px;font-weight:600;white-space:nowrap;font-family:system-ui,sans-serif}.recipe-tag.s{background:var(--green-light);color:var(--green)}.recipe-tag.a{background:var(--amber-light);color:#b8860b}.recipe-desc{padding:0 16px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.recipe-meta{padding:12px 16px;display:flex;gap:16px;align-items:center;font-size:.75rem;color:var(--text-muted);font-family:system-ui,sans-serif}.recipe-meta-item{display:flex;align-items:center;gap:4px}.recipe-timeline{padding:0 16px 14px}.timeline-bar{height:6px;background:var(--border);border-radius:3px;position:relative;overflow:hidden}.timeline-fill{height:100%;border-radius:3px;background:linear-gradient(to right,var(--accent-glow),var(--accent));transition:width .8s cubic-bezier(.22,1,.36,1)}.timeline-label{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);margin-top:4px;font-family:system-ui,sans-serif}.fab-group{position:fixed;bottom:90px;right:max(20px,calc((100vw - 430px)/2 + 20px));display:flex;flex-direction:column;gap:10px;z-index:50}.fab{width:52px;height:52px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .2s ease}.fab:active{transform:scale(.9)}.fab-primary{background:linear-gradient(145deg,var(--accent),#D45A30);color:#fff}.fab-secondary{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--surface);border-top:1px solid var(--border);display:flex;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;cursor:pointer;color:var(--text-muted);transition:color .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item.active{color:var(--accent)}.nav-item .nav-icon{font-size:1.3rem;line-height:1}.nav-item .nav-label{font-size:.62rem;font-family:system-ui,sans-serif;font-weight:500}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b1f66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.sheet-overlay.show{opacity:1;pointer-events:auto}.sheet-panel{width:100%;max-width:430px;background:var(--surface);border-radius:24px 24px 0 0;padding:20px 24px 0;transform:translateY(100%);transition:transform .45s cubic-bezier(.22,1,.36,1),max-height .35s ease,border-radius .35s ease;display:flex;flex-direction:column}.sheet-overlay.show .sheet-panel{transform:translateY(0)}.sheet-handle-wrap{display:flex;justify-content:center;padding:8px 0 16px;flex-shrink:0}.sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom))}.sheet-divider{height:1px;background:var(--border);margin:16px 0}.sheet-label{font-size:.72rem;color:var(--text-muted);font-family:system-ui,sans-serif;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.form-group{margin-bottom:14px}.form-label{font-size:.78rem;color:var(--text-muted);margin-bottom:4px;font-family:system-ui,sans-serif;display:block}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-family:var(--font-serif);color:var(--text-primary);background:var(--surface-warm);outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--accent)}.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--text-primary);background:var(--surface-warm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;font-family:var(--font-serif);color:var(--text-primary);background:var(--surface-warm);outline:none;resize:vertical;min-height:80px}.form-textarea:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-family:var(--font-serif);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-accent{background:linear-gradient(135deg,var(--accent-glow),var(--accent));color:#fff;border:none}.btn-danger{background:#e57373;color:#fff}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:var(--radius-xs)}.btn-block{display:flex;width:100%}.btn-group{display:flex;gap:8px}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--text-primary);color:#fff;padding:10px 20px;border-radius:20px;font-size:.82rem;font-family:system-ui,sans-serif;z-index:300;opacity:0;pointer-events:none;transition:all .35s ease;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b1f66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-panel{background:var(--surface);border-radius:var(--radius);padding:24px;width:calc(100% - 48px);max-width:380px;max-height:80vh;overflow-y:auto;transform:scale(.9);transition:transform .3s cubic-bezier(.22,1,.36,1)}.modal-overlay.show .modal-panel{transform:scale(1)}.modal-title{font-family:var(--font-display);font-size:1.2rem;color:var(--text-primary);margin-bottom:16px;text-align:center}.category-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:6px 14px;border-radius:16px;font-size:.78rem;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s ease}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.swipe-container{position:relative;overflow:hidden;border-radius:var(--radius-sm);margin-bottom:8px}.swipe-content{position:relative;z-index:2;background:var(--surface);transition:transform .25s ease}.swipe-actions{position:absolute;right:0;top:0;bottom:0;display:flex;z-index:1}.swipe-action{width:64px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.78rem;cursor:pointer;font-family:system-ui,sans-serif}.swipe-action.edit{background:var(--amber)}.swipe-action.delete{background:#e57373}.item-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.item-row:last-child{border-bottom:none}.item-info{flex:1;min-width:0}.item-name{font-size:.9rem;color:var(--text-primary);font-weight:600}.item-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px;font-family:system-ui,sans-serif}.item-stock{padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;font-family:system-ui,sans-serif}.item-stock.high{background:var(--green-light);color:var(--green)}.item-stock.medium{background:var(--amber-light);color:#b8860b}.item-stock.low{background:var(--accent-light);color:var(--accent)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #e8734a4d}70%{box-shadow:0 0 0 16px #e8734a00}to{box-shadow:0 0 #e8734a00}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-dice{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.15)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}.animate-in{animation:fade-in-up .5s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.destiny-btn{animation:pulse-ring 2.5s infinite}.destiny-btn.spinning .dice{animation:spin-dice .6s ease-in-out}.stream-status{text-align:center;padding:8px 0;font-size:.75rem;color:var(--accent);font-family:system-ui,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px}.stream-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-ring 1.5s infinite}.reasoning-toggle{font-size:.72rem;color:var(--accent);cursor:pointer;text-align:center;padding:4px 0;font-family:system-ui,sans-serif}.reasoning-panel{background:var(--surface-warm);border-radius:var(--radius-sm);padding:12px 16px;margin:8px 20px 0;font-size:.78rem;color:var(--text-muted);line-height:1.6;max-height:160px;overflow-y:auto}.loading-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-dice 1s linear infinite;margin:0 auto 12px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.88rem}::-webkit-scrollbar{display:none}.page-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.page-title{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary)}.page-actions{display:flex;gap:8px}.btn-add{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #e8734a4d;flex-shrink:0}.btn-add:active{transform:scale(.9)}