:root{--cream: #f4f6fb;--paper: rgba(255, 255, 255, .82);--text: #243042;--sub: #728198;--muted: #9ca8bb;--primary: #ff7f73;--line: rgba(118, 134, 161, .12);--shadow: 0 22px 70px rgba(71, 87, 114, .12);--soft-shadow: 0 12px 34px rgba(87, 104, 129, .1);--nav-height: 78px;--app-height: 100vh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@supports (height: 100dvh){:root{--app-height: 100dvh}}html,body,#app{height:100%;min-height:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:var(--app-height);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 4%,rgba(219,229,246,.32),transparent 18%),radial-gradient(circle at 88% 0%,rgba(255,211,205,.2),transparent 22%),radial-gradient(circle at 22% 88%,rgba(231,237,247,.78),transparent 32%),linear-gradient(135deg,#f7f9fd,#f2f5fb 42%,#f8faff);overflow-x:hidden}button,input,select,textarea{font-family:inherit}button{cursor:pointer}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0}body:before{width:280px;height:280px;left:-80px;top:-80px;border-radius:50%;background:#dfe9f894}body:after{width:360px;height:360px;right:-180px;bottom:-130px;border-radius:50%;background:#ebf1fb85}.showcase{position:relative;z-index:1;min-height:var(--app-height);display:flex;justify-content:center;align-items:center;padding:34px 20px}.brand-panel,.feature-panel{align-self:stretch;max-height:860px;border:1px solid rgba(255,255,255,.66);background:#ffffff75;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:36px;box-shadow:0 24px 80px #673e2d1a;padding:26px;overflow:hidden;position:relative}.brand-panel:after,.feature-panel:after{content:"♡";position:absolute;right:24px;top:18px;font-size:54px;color:#ff6b6b26;transform:rotate(14deg)}.logo-badge{width:76px;height:76px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#ffe8df);box-shadow:0 18px 34px #703c2d24,inset 0 0 0 1px #ffffffe6;font-size:38px;margin-bottom:18px}.brand-panel h1{margin:0;font-size:40px;line-height:1.1;letter-spacing:2px}.brand-panel .slogan{margin:12px 0 20px;color:var(--sub);font-size:15px;line-height:1.8}.brand-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;color:#8b5e52;font-size:13px;font-weight:800;box-shadow:var(--soft-shadow)}.mini-phone-row{margin-top:24px;display:grid;gap:12px}.mini-note{border-radius:24px;background:#ffffffb8;border:1px solid var(--line);padding:16px;box-shadow:var(--soft-shadow)}.mini-note strong{display:flex;align-items:center;gap:8px;font-size:15px;margin-bottom:6px}.mini-note p{margin:0;color:var(--sub);font-size:13px;line-height:1.65}.feature-panel h3{margin:8px 0 16px;font-size:24px}.feature-list{display:grid;gap:12px}.feature-item{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:14px;border-radius:22px;background:#ffffffb8;border:1px solid var(--line)}.feature-icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,#fff4e3,#ffe0e7)}.feature-item b{display:block;font-size:14px;margin-bottom:3px}.feature-item span{color:var(--sub);font-size:12px;line-height:1.45}.device-wrap{position:relative;width:min(430px,100%);filter:drop-shadow(0 35px 55px rgba(76,42,34,.2))}.device{position:relative;min-height:880px;border-radius:44px;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f5f8fdfa);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px #6e7e950f}.device:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:36px;border:1px solid rgba(104,69,54,.06);pointer-events:none;z-index:20}.screen{height:880px;overflow-y:auto;padding:14px 18px calc(var(--nav-height) + var(--safe-bottom) + 28px);scroll-padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 48px);animation:screenIn .26s ease both;scrollbar-width:none;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen::-webkit-scrollbar{display:none}@keyframes screenIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.screen-header{height:42px;display:grid;grid-template-columns:42px 1fr 66px;align-items:center;margin-bottom:8px}.header-title{text-align:center;font-size:17px;font-weight:900}.icon-btn{width:38px;height:38px;border-radius:15px;border:none;background:#ffffffb8;color:#5b3a32;display:grid;place-items:center;box-shadow:0 8px 18px #512e2414;font-size:18px}.back-icon{display:block;width:18px;height:18px;margin:0 auto;background:center/contain no-repeat url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1779547628735'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2563'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M625.615238%20769.462857L368.152381%20512l257.462857-257.462857%2034.499048%2034.499047L437.150476%20512l222.96381%20222.96381-34.499048%2034.499047z'%20fill='%23000000'%20p-id='2564'%3e%3c/path%3e%3c/svg%3e")}.text-action{border:none;background:transparent;color:var(--primary);font-size:13px;font-weight:900;text-align:right}.login-screen{height:880px;padding:28px 18px 20px;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 22%,rgba(157,200,155,.22),transparent 22%),radial-gradient(circle at 86% 14%,rgba(255,107,107,.16),transparent 26%);pointer-events:none}.login-content{position:relative;z-index:1}.login-brand{text-align:center;margin-top:18px}.app-icon{width:82px;height:82px;margin:0 auto 16px;border-radius:28px;background:linear-gradient(150deg,#fff,#eef3fb 62%,#ffe1dc);box-shadow:0 18px 34px #6a7a9524;display:grid;place-items:center;font-size:39px}.login-brand h1{margin:0;font-size:30px;letter-spacing:2px}.login-brand p{margin:8px 0 0;color:var(--sub);font-size:14px}.couple-hero{height:252px;margin:26px 4px 18px;border-radius:34px;overflow:hidden;position:relative;background:linear-gradient(180deg,#ffffff47,#ffece2c2),radial-gradient(circle at 68% 25%,#fff2bd 0 10%,transparent 18%),linear-gradient(145deg,#fff6ed,#ffdfe1);box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.75)}.couple-hero--image{background-size:cover!important;background-position:center;background-repeat:no-repeat}.couple-hero--image:before{display:none}.couple-hero:before{content:"";position:absolute;left:34px;right:34px;bottom:42px;height:82px;border-radius:28px 28px 12px 12px;background:linear-gradient(180deg,#fff,#ffe5d3);box-shadow:0 -10px 30px #7e524014}.plant{position:absolute;left:18px;bottom:38px;width:42px;height:98px}.plant:before{content:"";position:absolute;left:18px;bottom:0;width:6px;height:70px;border-radius:99px;background:#a1b87e}.leaf{position:absolute;width:28px;height:15px;border-radius:99px 99px 99px 0;background:#8fb87ddb;transform-origin:right bottom}.leaf:nth-child(1){left:2px;top:12px;transform:rotate(-35deg)}.leaf:nth-child(2){left:20px;top:28px;transform:rotate(32deg)}.leaf:nth-child(3){left:0;top:46px;transform:rotate(-24deg)}.person{position:absolute;bottom:52px;width:90px;height:132px}.person:before{content:"";position:absolute;top:0;left:32px;width:38px;height:38px;border-radius:50%;background:#ffd6c7;box-shadow:inset -8px -3px #75473424}.person:after{content:"";position:absolute;top:36px;width:78px;height:94px;border-radius:44px 44px 14px 14px;background:var(--person-color);box-shadow:inset 0 -28px #ffffff40}.person.boy{left:105px;--person-color: #9db58d;transform:rotate(-4deg)}.person.girl{right:98px;--person-color: #f2a382;transform:rotate(5deg)}.person.girl:before{background:#ffd6c7;box-shadow:-9px -8px #6c4537,inset -7px -4px #7547341a}.heart-float{position:absolute;right:130px;top:60px;font-size:28px;color:var(--primary);animation:floatHeart 2.8s ease-in-out infinite}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(8deg)}}.login-card{padding:18px;border-radius:30px;background:#ffffffd6;border:1px solid rgba(255,255,255,.72);box-shadow:var(--soft-shadow)}.input-line{display:grid;grid-template-columns:28px 1fr 26px;align-items:center;gap:8px;height:52px;border-radius:18px;background:#fffaf6;border:1px solid var(--line);padding:0 14px;margin-bottom:12px}.input-line input{border:none;outline:none;background:transparent;font-size:14px;color:var(--text);min-width:0}.login-options{display:flex;justify-content:space-between;color:var(--sub);font-size:12px;margin:2px 4px 16px}.primary-btn{width:100%;height:54px;border:none;border-radius:20px;color:#fff;font-size:16px;font-weight:900;background:linear-gradient(135deg,#ff6969,#ff8c96);box-shadow:0 16px 32px #ff646f4d}.primary-btn:disabled{cursor:not-allowed;opacity:.7}.muted-center{text-align:center;color:var(--sub);font-size:13px;margin:14px 0 0}.primary-text{color:var(--primary);font-weight:900;cursor:pointer}.bottom-slogan{margin-top:22px}.register-screen{height:880px;padding:18px 18px 24px;position:relative;overflow:hidden}.register-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 16%,rgba(255,220,168,.28),transparent 24%),radial-gradient(circle at 84% 10%,rgba(157,200,155,.2),transparent 25%),linear-gradient(180deg,#ffffff2e,#ffefe8a8);pointer-events:none}.register-content{position:relative;z-index:1}.register-header{margin-bottom:12px}.register-brand{text-align:center;margin:8px 0 20px}.register-brand h1{margin:0;font-size:27px;letter-spacing:1px}.register-brand p{margin:8px 0 0;color:var(--sub);font-size:13px;line-height:1.55}.register-card{padding:18px;border-radius:30px;background:#ffffffd6;border:1px solid rgba(255,255,255,.72);box-shadow:var(--soft-shadow)}.agree-line{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:12px;margin:4px 2px 16px}.agree-line input{width:15px;height:15px;accent-color:var(--primary)}.home-top{display:flex;justify-content:space-between;align-items:center;margin:2px 0 16px}.home-top h2{margin:0 0 4px;font-size:20px}.home-top p{margin:0;color:var(--sub);font-size:13px}.small-avatar{border:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe3e8,#fff0cf);box-shadow:0 10px 18px #7343341a;font-size:20px}.small-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.app-image{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#fff7f1,#eef3fb)}.app-image-element{width:100%;height:100%;display:block;transition:opacity .22s ease}.app-image:not(.is-loaded) .app-image-element{opacity:0}.app-image.is-loaded .app-image-element{opacity:1}.app-image-skeleton,.app-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.app-image-skeleton{background:linear-gradient(110deg,#ffffff24 8%,#ffffffa3 18%,#ffffff24 33%),linear-gradient(135deg,#fff7f1,#eef3fb);background-size:220% 100%,100% 100%;animation:imageShimmer 1.15s linear infinite}.app-image-fallback{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.62),transparent 24%),linear-gradient(135deg,#fff7f1,#eef3fb);color:#90a0b6}.app-image-fallback-icon{font-size:28px;line-height:1}@keyframes imageShimmer{0%{background-position:200% 0,0 0}to{background-position:-40% 0,0 0}}.default-avatar-icon{display:grid;place-items:center;width:100%;height:100%;color:#8e685d;font-size:26px}.default-avatar-icon--small{font-size:18px}.recommend-card{min-height:190px;border-radius:34px;padding:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,#fbfcff,#eef3fb);border:1px solid rgba(255,255,255,.84);box-shadow:var(--soft-shadow);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;touch-action:pan-y}.recommend-card:active{transform:scale(.985)}.recommend-card--with-image{background:linear-gradient(90deg,#f7f9fdf5,#f7f9fdeb 44%,#f7f9fd3d),var(--recommend-image) center/cover no-repeat}.recommend-card:before,.recommend-card-static-removed{display:none}.recommend-card:after{content:"🍅 🥩";position:absolute;right:20px;bottom:48px;font-size:42px;filter:drop-shadow(0 8px 10px rgba(81,40,26,.22))}.recommend-card--with-image:after{display:none}.recommend-content{position:relative;z-index:1;width:58%}.recommend-carousel-dots{position:absolute;right:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:6px}.recommend-dot{width:8px;height:8px;border:none;border-radius:999px;background:#ffffff75;padding:0;transition:width .18s ease,background-color .18s ease,opacity .18s ease}.recommend-dot.active{width:18px;background:#ffffffeb}.label-sm{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:var(--primary);background:#ffffffc2;font-size:12px;font-weight:900}.recommend-card h1{margin:12px 0 8px;font-size:25px;line-height:1.08}.recommend-card p{margin:0 0 16px;color:#8b5e52;font-size:13px;line-height:1.55}.ghost-btn{border:1px solid rgba(233,118,107,.22);background:#ffffffbd;color:var(--primary);padding:9px 13px;border-radius:999px;font-weight:900}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}.home-empty-card{margin-top:6px;padding:18px;border-radius:28px;background:linear-gradient(180deg,#ffffffe6,#fff5eeeb);border:1px solid rgba(255,255,255,.82);box-shadow:var(--soft-shadow)}.home-empty-copy h3{margin:10px 0 8px;font-size:22px}.home-empty-copy p{margin:0;color:#8b5e52;font-size:13px;line-height:1.65}.home-empty-actions{display:flex;gap:10px;margin-top:16px}.home-empty-actions .primary-btn,.home-empty-actions .ghost-btn{flex:1}.stat-card{background:#ffffffc7;border:1px solid var(--line);border-radius:22px;padding:13px 8px;text-align:center;box-shadow:0 10px 24px #5b342812}.stat-card strong{display:block;font-size:20px;color:#5a352c}.stat-card span{color:var(--sub);font-size:11px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 2px 12px}.section-title h3{margin:0;font-size:18px}.section-title button,.section-title span{border:none;background:transparent;color:var(--primary);font-size:13px;font-weight:900}.category-row,.chip-row{display:flex;gap:10px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.category-row::-webkit-scrollbar,.chip-row::-webkit-scrollbar{display:none}.category-card{flex:0 0 82px;height:86px;border-radius:24px;border:1px solid var(--line);background:var(--cat-bg);box-shadow:0 10px 20px #5c332814;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#4f5f75;font-size:13px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.category-card:active{transform:scale(.97)}.category-card b{font-size:24px}.category-card span,.category-card small{display:block}.category-card small{color:#66443bb8;font-size:11px;font-weight:700}.dish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recent-records-row{display:flex;gap:14px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.recent-records-row::-webkit-scrollbar{display:none}.recent-record-card{flex:0 0 102px;border:none;background:transparent;padding:0;text-align:left;color:inherit;scroll-snap-align:start}.recent-record-cover{width:102px;aspect-ratio:.74 / 1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff7f1,#f8ede6);box-shadow:var(--soft-shadow)}.recent-record-cover-image{width:100%;height:100%;object-fit:cover;display:block}.recent-record-body{padding:8px 2px 0}.recent-record-body h4{margin:0;font-size:14px;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(14px * 1.35 * 2)}.recent-record-body p{margin:6px 0 0;color:var(--muted);font-size:12px;font-weight:700}.dish-card{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#ffffffdb;border:1px solid rgba(255,255,255,.78);box-shadow:var(--soft-shadow);transition:.2s ease}.dish-card:active{transform:scale(.985)}.dish-cover{aspect-ratio:1.28 / 1;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#fff7f1,#f8ede6);overflow:hidden}.dish-cover:before{display:none}.dish-cover-image{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.dish-body{display:grid;align-content:start;gap:8px;padding:10px 12px 12px}.dish-body h4{margin:0;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40.5px}.dish-body .tag-row{overflow:hidden;min-height:26px;align-content:start}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#fff6ef;color:#9b7569;font-size:11px;font-weight:800}.tag.red{color:var(--primary);background:#ffe9ed}.tag.green{color:#5e9566;background:#ecf7e8}.tag.yellow{color:#b17a2c;background:#fff3d6}.search-bar{height:46px;border-radius:18px;background:#ffffffc7;border:1px solid var(--line);display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:6px;padding:0 12px;margin-bottom:12px;box-shadow:0 8px 22px #5734290f;color:var(--muted);font-size:13px}.search-bar input{min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:13px}.search-bar input::placeholder{color:var(--muted)}.search-bar--menu{height:48px;margin-bottom:14px;padding:0 14px;background:#ffffffeb;border-color:#7c4f3f14;box-shadow:0 10px 20px #5734290d}.search-bar--menu span,.search-clear-btn{display:grid;place-items:center;width:24px;height:24px;color:#b19489;font-size:15px}.search-clear-btn{border:none;border-radius:50%;background:#fff2ef;color:#9f776b}.chip-filter-row{margin-bottom:12px}.chip-filter-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:14px}.chip-filter-row--menu{gap:8px;padding:0;margin-bottom:0}.chip{flex:0 0 auto;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:#ffffffb8;color:#8b6258;font-size:12px;font-weight:900}.chip.active{background:#ffe8ec;color:var(--primary);border-color:#ff6b6b3d}.chip--menu{min-height:38px;padding:8px 15px;background:#ffffffeb;color:#7b5a50;border-color:#7c4f3f14;box-shadow:0 8px 16px #5734290a}.chip--menu.active{background:#fff0f3;color:var(--primary);border-color:#ff6b6b2e}.menu-filter-icon{width:38px;height:38px;border:1px solid rgba(124,79,63,.08);border-radius:14px;background:#ffffffeb;color:#735249;font-size:17px;box-shadow:0 8px 16px #5734290a}.active-filter-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 12px;padding:10px 12px;border:1px solid rgba(255,139,112,.22);border-radius:18px;background:#fff8f3db}.active-filter-card span{display:block;margin-bottom:2px;color:var(--muted);font-size:11px;font-weight:800}.active-filter-card strong{color:var(--text);font-size:14px}.active-filter-card button{flex:0 0 auto;border:none;border-radius:999px;background:#fff;color:var(--primary);padding:8px 12px;font-size:12px;font-weight:900;box-shadow:0 8px 18px #7a483a14}.active-filter-card--menu{margin:2px 0 12px}.recipe-list{display:grid;gap:12px}.recipe-list--menu{gap:14px}.recipe-list-screen{height:880px;display:flex;flex-direction:column;overflow:hidden}.menu-scroll-block{flex:1;min-height:0;overflow-y:auto;padding:2px 2px 6px;scrollbar-width:none}.menu-scroll-block::-webkit-scrollbar{display:none}.load-more-tip{padding:16px 0 10px;color:var(--muted);font-size:12px;font-weight:800;text-align:center}.menu-empty-state{padding:22px 18px;border-radius:26px;background:#ffffffdb;border:1px solid rgba(255,255,255,.78);box-shadow:var(--soft-shadow);text-align:center}.menu-empty-state strong{display:block;margin-bottom:8px;font-size:16px}.menu-empty-state p{margin:0;color:var(--sub);font-size:13px;line-height:1.6}.recipe-item{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;padding:10px;border-radius:25px;background:#ffffffd1;border:1px solid rgba(255,255,255,.78);box-shadow:var(--soft-shadow)}.recipe-item--menu{grid-template-columns:108px 1fr;gap:14px;align-items:start;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.recipe-thumb{height:88px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#fff7f1,#f8ede6);position:relative;overflow:hidden}.recipe-thumb--menu{width:108px;height:108px;border-radius:22px;background:linear-gradient(135deg,#fff7f1,#f3e7df);box-shadow:0 10px 22px #5b342814}.recipe-thumb:after{display:none}.recipe-thumb-image{width:100%;height:100%;position:relative;z-index:1}.recipe-main h4{margin:0 0 8px;font-size:15px}.recipe-main--menu{min-width:0;padding:4px 0 2px}.recipe-main--menu h4{margin:0;font-size:17px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.recipe-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.recipe-title-row--menu{align-items:flex-start;min-width:0}.recipe-more-btn{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;background:#fff4eeeb;color:#8c695f;font-size:20px;line-height:1}.favorite-mark{color:#ff5f7a;font-size:15px;line-height:1;flex:0 0 auto}.tag-row--menu{margin-top:10px;min-height:26px}.tag-row--menu .tag{padding:5px 9px;background:#fff7f2}.recipe-main p{margin:7px 0 0;color:var(--muted);font-size:12px}.recipe-date-text{margin:12px 0 0;color:#b29488;font-size:12px;line-height:1.4}.upload-card{border-radius:32px;background:#ffffffd1;border:1px solid rgba(255,255,255,.78);padding:16px;box-shadow:var(--soft-shadow)}.upload-area{position:relative;min-height:220px;aspect-ratio:4 / 3;border-radius:28px;background:linear-gradient(135deg,#ffffff7a,#ffebe2bf),repeating-linear-gradient(-45deg,#fff2f4 0,#fff2f4 12px,#fff8ee 12px,#fff8ee 24px);border:1.5px dashed rgba(255,107,107,.45);display:block;margin-bottom:16px;overflow:hidden;text-align:center;color:var(--primary);font-weight:900}.upload-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;padding:22px}.upload-area--has-image{padding:0;border-style:solid;border-color:#fffc;background:#fffffff5;box-shadow:inset 0 0 0 1px #7686a114}.upload-preview-button{position:relative;width:100%;height:100%;border:none;padding:0;background:#f4f6fb;display:block;overflow:hidden}.upload-preview-button img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.upload-preview-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#222c3b00 42%,#222c3b57);pointer-events:none}.upload-preview-badge{position:absolute;left:14px;bottom:14px;z-index:1;display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#ffffffd6;color:#324056;font-size:12px;font-weight:900;box-shadow:0 8px 20px #222c3b24}.upload-area-actions{position:absolute;top:14px;right:14px;z-index:1;display:flex;gap:8px}.upload-action-btn{border:none;border-radius:999px;padding:8px 12px;background:#ffffffe0;color:#324056;font-size:12px;font-weight:900;box-shadow:0 10px 22px #222c3b1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-action-btn--danger{color:#d95d73}.upload-action-btn:disabled{cursor:not-allowed;opacity:.6}.upload-area small{display:block;color:var(--sub);margin-top:5px;font-weight:600}.camera-icon{font-size:40px;margin-bottom:6px}.hidden-file{display:none}.upload-status{margin:-6px 2px 14px;color:var(--sub);font-size:12px;font-weight:800}.upload-status.success{color:#5e9566}.image-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#131922d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-preview-panel{width:100%;max-width:100%;max-height:calc(100% - 48px);display:grid;place-items:center}.image-preview-full{width:100%;max-height:calc(var(--app-height) - 180px);object-fit:contain;border-radius:24px;display:block;background:#ffffff0f}.confirm-dialog-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:20px;background:#171d277a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-dialog{width:min(100%,320px);padding:22px 18px 18px;border-radius:24px;background:#fffffff5;border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 48px #48312a2e;text-align:center}.confirm-dialog-icon{width:44px;height:44px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:#fff1ef;color:var(--primary);font-size:20px;font-weight:900}.confirm-dialog h3{margin:0;color:#3d312d;font-size:18px}.confirm-dialog p{margin:10px 0 0;color:var(--sub);font-size:13px;line-height:1.6}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.confirm-dialog-btn{height:42px;border-radius:16px;border:1px solid rgba(118,134,161,.14);background:#fffaf6;color:#6f574f;font-size:13px;font-weight:800}.confirm-dialog-btn-danger{border-color:#ff6b6b2e;background:linear-gradient(135deg,#ff7f73,#ff9b91);color:#fff;box-shadow:0 12px 24px #ff7f7338}.confirm-dialog-btn:disabled{cursor:not-allowed;opacity:.7}.image-preview-close{position:absolute;top:calc(16px + var(--safe-top));right:18px;width:38px;height:38px;border:none;border-radius:50%;background:#ffffff29;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:12px}.field.label-only{margin-bottom:0}.field label{display:block;margin:0 0 7px 3px;color:#6b473e;font-size:13px;font-weight:900}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);outline:none;border-radius:17px;background:#fffaf6;color:var(--text);padding:12px 13px;font-size:14px}.field textarea{min-height:76px;line-height:1.6;resize:none;overflow:hidden}.field--ingredients,.field--steps{margin-bottom:14px}.ingredient-card{margin-top:12px;padding:14px 14px 12px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#fff8f4f0);border:1px solid rgba(255,127,115,.12);box-shadow:0 12px 28px #66483f14}.ingredient-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.ingredient-card-title{min-width:0}.ingredient-card-title strong{display:block;color:#6b473e;font-size:16px;font-weight:800}.ingredient-card-title span{display:block;margin-top:3px;color:var(--sub);font-size:12px;line-height:1.5}.ingredient-serving{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#ff7f731a;color:var(--primary);font-size:12px;font-weight:800;white-space:nowrap}.ingredient-editor-list{display:grid;gap:0}.ingredient-editor-item{display:grid;grid-template-columns:10px minmax(0,1.25fr) minmax(110px,.75fr) auto;align-items:center;gap:10px;min-height:52px;padding:9px 0;border-bottom:1px solid rgba(118,134,161,.1)}.ingredient-editor-item:last-child{border-bottom:none}.ingredient-preview-dot{width:8px;height:8px;border-radius:50%;background:#ff7f736b}.ingredient-preview-dot.tone-1{background:#ff98788f}.ingredient-preview-dot.tone-2{background:#ff7f7357}.ingredient-preview-dot.tone-3{background:#f38a807a}.ingredient-editor-name,.ingredient-editor-amount{width:100%;min-width:0;border:1px solid rgba(118,134,161,.14);outline:none;border-radius:14px;background:#ffffffeb;color:#4e3e39;padding:10px 12px;font-size:13px}.ingredient-editor-name::placeholder,.ingredient-editor-amount::placeholder{color:#a0aabd}.ingredient-editor-name:focus,.ingredient-editor-amount:focus{border-color:#ff7f7342;box-shadow:0 0 0 4px #ff7f7314}.ingredient-editor-name{font-weight:500}.ingredient-editor-amount{white-space:nowrap}.ingredient-preview-name{min-width:0;color:#4e3e39;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-preview-amount{flex:0 0 auto;margin-left:8px;color:#8b6258;font-size:13px;font-weight:600;white-space:nowrap}.ingredient-row-remove{border:none;background:transparent;color:#c08378;font-size:12px;font-weight:700;white-space:nowrap}.ingredient-add-btn{margin-top:10px;padding:10px 0 4px;border:none;background:transparent;color:var(--primary);font-size:13px;font-weight:800}.step-card{background:linear-gradient(180deg,#fffffff5,#fff6f8f0)}.step-editor-list{display:grid;gap:0}.step-editor-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(118,134,161,.1)}.step-editor-item:last-child{border-bottom:none}.step-index{display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;border-radius:12px;background:#ff7f731f;color:var(--primary);font-size:13px;font-weight:800}.step-editor-content{width:100%;min-width:0;min-height:72px;border:1px solid rgba(118,134,161,.14);outline:none;border-radius:14px;background:#ffffffeb;color:#4e3e39;padding:10px 12px;font-size:13px;line-height:1.6;resize:vertical}.step-editor-content::placeholder{color:#a0aabd}.step-editor-content:focus{border-color:#ff7f7342;box-shadow:0 0 0 4px #ff7f7314}.category-select{position:relative}.category-select-trigger{width:100%;border:1px solid var(--line);border-radius:17px;background:#fffaf6;color:#8b6258;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:14px}.category-select-trigger.open{border-color:#ff6b6b47;box-shadow:0 8px 18px #ff6b6b1a}.category-select-value{min-width:0;display:flex;align-items:center;gap:8px}.category-select-arrow{color:var(--sub);font-size:14px;font-weight:900}.category-select-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:10;display:grid;gap:8px;padding:10px;border-radius:18px;background:#fffffff5;border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 30px #5b34281f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cook-time-panel{max-height:240px;overflow-y:auto;scrollbar-width:none}.cook-time-panel::-webkit-scrollbar{display:none}.category-picker-item{min-height:48px;border:1px solid var(--line);border-radius:16px;background:#fffaf6;color:#8b6258;padding:10px 12px;display:flex;align-items:center;gap:8px;text-align:left;font-size:13px;font-weight:900}.category-picker-item.active{background:#fff0f3;color:var(--primary);border-color:#ff6b6b47;box-shadow:0 8px 18px #ff6b6b1a}.category-picker-icon{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;background:#ffffffd1;flex:0 0 auto}.category-picker-name{min-width:0;line-height:1.2}.category-picker-empty{border:1px dashed var(--line);border-radius:18px;background:#fffaf6;color:var(--sub);padding:14px 12px;font-size:13px}.option-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.option{border-radius:999px;border:1px solid var(--line);background:#fffaf6;padding:10px 8px;text-align:center;color:#8b6258;font-size:12px;font-weight:900}.option.active{color:var(--primary);background:#ffe8ec;border-color:#ff6b6b47}.detail-screen{padding-left:0;padding-right:0;padding-top:0;background:linear-gradient(180deg,#fff6ef,#fff8f1)}.detail-hero{position:relative;height:318px;border-radius:0 0 38px 38px;overflow:hidden;background:linear-gradient(180deg,#fff4ec,#fff7f1);box-shadow:0 20px 38px #6c372533}.detail-hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.detail-hero-media .app-image-fallback-icon{font-size:46px}.detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#46211824,#4621186b),linear-gradient(180deg,#fff4ec47,#fff7f11a);z-index:1}.detail-hero:before{display:none}.detail-hero--with-image:before{display:none}.detail-nav{position:absolute;top:12px;left:18px;right:18px;display:flex;justify-content:space-between;z-index:2}.detail-actions{display:flex;gap:8px}.detail-nav .icon-btn{background:#ffffff3d;color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-nav .icon-btn.favorite-active{color:#ff5f7a;background:#ffffffe0;box-shadow:0 10px 22px #ff5f7a3d}.detail-title-wrap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}.detail-title-wrap h1{margin:0 0 6px;font-size:32px;letter-spacing:1px}.detail-title-wrap p{margin:0;color:#ffffffe0;font-size:14px}.badge-like{position:absolute;right:22px;bottom:78px;z-index:3;padding:7px 11px;border-radius:999px;background:#ffffffdb;color:var(--primary);font-size:12px;font-weight:900}.detail-content{padding:14px 18px calc(var(--nav-height) + 26px)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-32px;position:relative;z-index:5}.detail-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric{min-height:72px;border-radius:20px;background:#ffffffe6;border:1px solid rgba(255,255,255,.82);box-shadow:var(--soft-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.metric b{font-size:14px}.metric span{font-size:10px;color:var(--sub)}.ghost-btn-danger{border-color:#ff6b6b2e;background:#fff1f3eb;color:#d94f5d}.detail-card-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:14px;align-items:start;margin-top:18px}.detail-card{border-radius:26px;background:#ffffffdb;border:1px solid rgba(255,255,255,.78);box-shadow:var(--soft-shadow);padding:16px;margin-top:14px}.detail-card-grid .detail-card{margin-top:0;min-height:100%}.detail-card--steps{grid-column:1 / -1}.detail-card h3{margin:0 0 12px;font-size:17px}.detail-card h3 span{font-size:12px;color:var(--sub);font-weight:600}.detail-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.detail-ingredient-serving{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#ff7f731a;color:var(--primary);font-size:12px;font-weight:800;white-space:nowrap}.detail-ingredient-list{display:grid;gap:2px}.detail-ingredient-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:8px 0;border-bottom:1px solid rgba(118,134,161,.1)}.detail-ingredient-item:last-child{border-bottom:none}.detail-ingredient-dot{width:8px;height:8px;border-radius:50%;background:#ff7f736b}.detail-ingredient-dot.tone-1{background:#ff98788f}.detail-ingredient-dot.tone-2{background:#ff7f7357}.detail-ingredient-dot.tone-3{background:#f38a807a}.detail-ingredient-name{min-width:0;color:#4e3e39;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-ingredient-amount{margin-left:8px;color:#8b6258;font-size:13px;font-weight:600;white-space:nowrap}.detail-ingredient-toggle{margin-top:6px;padding:8px 0 2px;border:none;background:transparent;color:var(--primary);font-size:13px;font-weight:800}.detail-step-list{display:grid;gap:12px}.detail-step-item{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px}.detail-step-index{display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;border-radius:12px;background:#ff7f731f;color:var(--primary);font-size:13px;font-weight:800}.detail-step-content{margin:0;padding-top:4px;color:#4e3e39;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.ingredient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;color:#6e4c43;font-size:13px}.ingredient-grid div{display:flex;justify-content:space-between;padding-bottom:7px;border-bottom:1px dashed rgba(151,107,92,.18)}.note-card{border-radius:22px;background:linear-gradient(145deg,#fff3e8,#ffe7e9);padding:14px;color:#704f46;font-size:13px;line-height:1.7;position:relative}.note-card:after{content:"❤";position:absolute;right:14px;bottom:8px;color:#ff6b6b47;font-size:30px}.steps{margin:0;padding-left:22px;color:#65453c;line-height:1.75;font-size:14px}.profile-hero{border-radius:34px;padding:20px;background:linear-gradient(145deg,#f7f9fd,#eef3fb);box-shadow:var(--soft-shadow);border:1px solid rgba(255,255,255,.82);position:relative;overflow:hidden}.profile-hero--with-cover{background-size:cover;background-position:center}.profile-hero--with-cover .profile-head h2,.profile-hero--with-cover .profile-head p,.profile-hero--with-cover .member-card b,.profile-hero--with-cover .member-card span{color:#fff}.profile-hero--with-cover .member-card{background:#fff3;border-color:#ffffff3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-hero:after{content:"🍚";position:absolute;right:18px;bottom:-12px;font-size:86px;opacity:.2}.profile-head{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.profile-hero-edit{position:absolute;top:16px;right:16px;z-index:2;border:1px solid rgba(57,36,29,.1);border-radius:999px;background:#ffffffeb;color:#5a352c;padding:8px 12px;font-size:12px;font-weight:900;box-shadow:0 10px 24px #39241d29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-avatar{width:62px;height:62px;border-radius:24px;display:grid;place-items:center;background:#fff;font-size:28px;box-shadow:0 12px 22px #5a36281a}.profile-avatar-button{position:relative;overflow:visible;border:none;padding:0}.profile-avatar-button span{display:grid;place-items:center;width:100%;height:100%}.profile-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-head h2{margin:0 0 4px;font-size:21px}.profile-head p{margin:0;color:var(--sub);font-size:13px}.member-row{display:flex;gap:10px;margin-top:16px;position:relative;z-index:1}.member-card{flex:1;border-radius:22px;background:#ffffffb8;padding:12px;border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;gap:9px}.member-face{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffe8ec}.member-face-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-card b{display:block;font-size:13px}.member-card span{color:var(--sub);font-size:11px}.setting-list{margin-top:14px;display:grid;gap:10px}.space-join-card{margin-top:14px;padding:16px;border-radius:26px;background:#ffffffd1;border:1px solid rgba(255,255,255,.78);box-shadow:var(--soft-shadow)}.space-join-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.space-join-head h3{margin:0 0 6px;font-size:17px}.space-join-head p{margin:0;color:var(--sub);font-size:12px;line-height:1.55}.space-join-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#fff0ed;color:var(--primary);font-size:11px;font-weight:900}.space-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.space-mode-btn{height:42px;border:1px solid var(--line);border-radius:16px;background:#fffaf6;color:#8b6258;font-size:13px;font-weight:900}.space-mode-btn.active{background:#fff0ed;color:var(--primary);border-color:#ff7f733d}.space-join-form{display:grid;grid-template-columns:1fr 112px;gap:10px}.space-create-form{display:grid;gap:10px}.space-code-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:20px;background:#fffaf6;border:1px solid var(--line)}.space-code-panel strong{font-size:22px;letter-spacing:2px;color:#5a352c}.space-code-actions{display:flex;gap:8px}.space-limit-tip{margin:10px 2px 0;color:var(--sub);font-size:12px;line-height:1.5}.profile-editor-avatar-row{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}.profile-editor-avatar-preview{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#fff4ec,#ffe3e8);box-shadow:var(--soft-shadow);overflow:hidden;font-size:28px;color:#6d4a41}.profile-editor-actions{display:grid;gap:10px}.profile-editor-save{height:48px;border-radius:18px}.profile-editor-cancel{justify-self:start}.space-cover-picker{width:100%;height:146px;margin-bottom:14px;border:1px dashed rgba(124,79,63,.18);border-radius:22px;background:linear-gradient(145deg,#fff7f1,#ffe9e2);background-size:cover;background-position:center;color:#7b5a50;font-size:13px;font-weight:900}.space-cover-picker--with-image{border-style:solid;color:#fff;text-shadow:0 2px 8px rgba(57,36,29,.32)}.space-loading-block{height:56px;border-radius:20px;border:1px solid var(--line)}.space-loading-layout{display:grid;gap:12px}.space-loading-members{display:grid;grid-template-columns:1fr 1fr;gap:10px}.space-loading-member{display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px;border:1px solid var(--line);background:#ffffff8f}.space-loading-copy{flex:1;display:grid;gap:8px}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffff9e,#fff1ebf5,#ffffff9e);background-size:200% 100%;animation:spaceLoading 1.25s linear infinite}.skeleton-title{width:108px;height:18px;border-radius:999px;margin-bottom:8px}.skeleton-text{width:168px;max-width:100%;height:12px;border-radius:999px}.skeleton-avatar{width:42px;height:42px;border-radius:16px;flex:0 0 auto}.skeleton-line{width:100%;height:12px;border-radius:999px}.skeleton-line.short{width:68%}@keyframes spaceLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.space-invite-input{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:18px;background:#fffaf6;border:1px solid var(--line)}.space-invite-input input{min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:13px}.space-create-textarea{padding:12px 14px;border-radius:18px;background:#fffaf6;border:1px solid var(--line)}.space-create-textarea textarea{width:100%;min-height:72px;border:none;outline:none;resize:vertical;background:transparent;color:var(--text);font-size:13px;font-family:inherit}.space-join-btn{height:48px;border:none;border-radius:18px;color:#fff;font-size:14px;font-weight:900;background:linear-gradient(135deg,#ff7f73,#ff9d93);box-shadow:0 14px 26px #ff7f733d}.kitchen-category-grid,.kitchen-category-add{display:flex;flex-wrap:wrap;gap:10px}.kitchen-category-add{margin-top:12px}.kitchen-category-chip{border:1px solid var(--line);border-radius:999px;background:#fffaf6;color:#8b6258;padding:10px 14px;font-size:13px;font-weight:900}.kitchen-category-chip span{margin-right:6px}.kitchen-category-chip.active{background:#fff0f3;color:var(--primary);border-color:#ff6b6b3d}.setting-item-button{width:100%;border:1px solid rgba(255,255,255,.78);text-align:left}.setting-item-button.disabled{opacity:.58}.manage-category-list{display:grid;gap:10px}.manage-category-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;border-radius:20px;background:#fffaf6;border:1px solid var(--line)}.manage-category-copy b{display:block;font-size:14px;margin-bottom:4px}.manage-category-copy span{color:var(--sub);font-size:12px}.manage-category-delete{border:1px solid rgba(255,107,107,.22);border-radius:999px;background:#fff1f3;color:var(--primary);padding:8px 12px;font-size:12px;font-weight:900}.manage-category-delete:disabled{cursor:not-allowed;opacity:.55}.setting-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px;border-radius:22px;background:#ffffffd1;border:1px solid rgba(255,255,255,.78);box-shadow:0 10px 22px #5b34280f}.setting-icon{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:#eef3fb}.setting-item b{font-size:14px}.setting-item span{color:var(--sub);font-size:12px}.logout-btn{width:100%;height:52px;margin-top:14px;border:1px solid rgba(255,107,107,.22);border-radius:20px;background:#ffffffd1;color:var(--primary);font-size:15px;font-weight:900;box-shadow:0 10px 22px #5b34280f}.logout-btn:disabled{cursor:not-allowed;opacity:.7}.bottom-nav{position:absolute;left:18px;right:18px;bottom:calc(16px + var(--safe-bottom));height:var(--nav-height);border-radius:28px;background:#fafcfff0;border:1px solid rgba(210,220,235,.72);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;box-shadow:0 18px 44px #58688124;z-index:30;transition:transform .22s ease,opacity .18s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{height:62px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#97a3b6;font-size:11px;font-weight:900;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.nav-item b{font-size:21px;line-height:1}.nav-icon-wrap{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;transition:transform .18s ease,filter .18s ease,opacity .18s ease,background-color .18s ease,box-shadow .18s ease}.nav-icon-image{width:22px;height:22px;object-fit:contain;opacity:.58;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.nav-item.active{color:#324056;background:#ffffff6b;box-shadow:inset 0 0 0 1px #d6dfee7a;transform:translateY(-1px) scale(1.01)}.nav-item.active .nav-icon-wrap{background:linear-gradient(180deg,#fff9f8,#fff0ed);box-shadow:inset 0 0 0 1px #ff7f731f,0 8px 16px #ff7f7324;transform:translateY(-1px)}.nav-item.active .nav-icon-image{opacity:1;filter:saturate(1.02) drop-shadow(0 2px 6px rgba(255,127,115,.14));transform:scale(1.02)}.nav-item.active span{font-weight:900;color:#324056}.nav-item.disabled{opacity:.38}.nav-item.add{position:relative;color:#fff}.nav-item.add b{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ff7f73,#ff9d93);display:grid;place-items:center;box-shadow:0 13px 24px #ff7f7347;margin-top:-10px}.nav-item.add span{color:var(--primary);margin-top:-2px}.nav-item.disabled.add b{background:linear-gradient(135deg,#d9dee7,#bcc7d6);box-shadow:none}.nav-item.disabled.add span{color:#a3afc0}.hide-nav .bottom-nav{display:none}.keyboard-active .bottom-nav{opacity:0;pointer-events:none;transform:translateY(calc(100% + 28px))}.keyboard-active .screen{padding-bottom:calc(var(--safe-bottom) + 42vh);scroll-padding-bottom:calc(var(--safe-bottom) + 42vh)}.keyboard-active .toast{bottom:calc(24px + var(--safe-bottom))}.toast{position:absolute;left:50%;bottom:106px;transform:translate(-50%) translateY(20px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:#39241ddb;color:#fff;font-size:13px;z-index:80;transition:.25s ease;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.page-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#fff8ef85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-loading-panel{min-width:132px;padding:16px 18px;border-radius:22px;background:#ffffffeb;border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 34px #5b34281f;display:grid;justify-items:center;gap:10px}.page-loading-panel p{margin:0;color:#6b473e;font-size:12px;font-weight:900}.page-loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,107,107,.16);border-top-color:var(--primary);animation:pageLoadingSpin .7s linear infinite}@keyframes pageLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loading-fade-enter-active,.page-loading-fade-leave-active{transition:opacity .18s ease}.page-loading-fade-enter-from,.page-loading-fade-leave-to{opacity:0}@media(max-width:1120px){.showcase{grid-template-columns:minmax(360px,430px)}.brand-panel,.feature-panel{display:none}}@media(max-width:460px){body{background:linear-gradient(180deg,#f7f9fd,#f1f5fb)}.showcase{padding:0;display:block}.device-wrap{width:100%;filter:none}.device{min-height:var(--app-height);height:var(--app-height);border-radius:0;border:none}.device.hide-nav{overflow-y:auto;-webkit-overflow-scrolling:touch}.device:before{display:none}.screen{min-height:var(--app-height);height:var(--app-height);padding-top:calc(14px + var(--safe-top));padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}.recipe-list-screen{min-height:var(--app-height);height:var(--app-height)}.login-screen{min-height:var(--app-height);height:auto;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(40px + var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.register-screen{min-height:var(--app-height);height:auto;padding-top:calc(18px + var(--safe-top));padding-bottom:calc(40px + var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.login-content,.register-content{padding-bottom:28px}.login-card,.register-card{margin-bottom:20px}.bottom-nav{left:12px;right:12px;bottom:calc(10px + var(--safe-bottom))}.nav-item{min-width:0}.nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-card{min-height:178px;border-radius:28px;padding:18px}.recommend-content{width:min(68%,230px)}.recommend-card h1{font-size:22px}.recommend-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat-row,.dish-grid{gap:10px}.recipe-item--menu{grid-template-columns:94px 1fr;gap:12px}.recipe-thumb--menu{width:94px;height:94px;border-radius:20px}.recipe-main,.recipe-title-row,.recipe-main h4,.recipe-main p{min-width:0}.recipe-main--menu h4{font-size:16px}.metric{min-width:0;padding:0 4px}.metric b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row,.space-code-panel,.space-code-actions{flex-wrap:wrap}.member-card,.space-code-panel strong{min-width:0}.space-code-actions{justify-content:flex-start}.profile-editor-avatar-row{grid-template-columns:1fr}.profile-editor-avatar-preview{width:84px;height:84px}.detail-hero{height:306px}.login-options{gap:10px;flex-wrap:wrap}.input-line input,.field input,.field select,.field textarea,.search-bar input,.space-invite-input input,.space-create-textarea textarea{font-size:16px}}@media(max-width:380px){.screen{padding-left:14px;padding-right:14px}.screen-header{grid-template-columns:38px 1fr 54px}.recommend-content{width:72%}.stat-card{padding-left:5px;padding-right:5px}.stat-card strong{font-size:18px}.stat-card span{font-size:10px}.category-card{flex-basis:76px;height:82px}.form-row,.space-join-form,.detail-action-row{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.detail-card-grid{grid-template-columns:1fr}.ingredient-card-header{flex-wrap:wrap}.ingredient-serving{margin-left:18px}.ingredient-editor-item{grid-template-columns:10px minmax(0,1fr);align-items:stretch}.ingredient-editor-name,.ingredient-editor-amount{min-height:42px}.ingredient-editor-amount,.ingredient-row-remove{margin-left:20px}.step-editor-item{grid-template-columns:32px minmax(0,1fr)}.step-editor-content,.step-editor-item .ingredient-row-remove{margin-left:42px}.detail-card-title{flex-wrap:wrap}.detail-ingredient-serving{margin-left:18px}.recipe-item--menu{grid-template-columns:84px 1fr;gap:10px}.recipe-thumb--menu{width:84px;height:84px;border-radius:18px}.bottom-nav{left:8px;right:8px}.nav-item{font-size:10px}}