:root{--adm-radius-s:4px;--adm-radius-m:8px;--adm-radius-l:12px;--adm-font-size-1:9px;--adm-font-size-2:10px;--adm-font-size-3:11px;--adm-font-size-4:12px;--adm-font-size-5:13px;--adm-font-size-6:14px;--adm-font-size-7:15px;--adm-font-size-8:16px;--adm-font-size-9:17px;--adm-font-size-10:18px;--adm-color-primary:#1677ff;--adm-color-success:#00b578;--adm-color-warning:#ff8f1f;--adm-color-danger:#ff3141;--adm-color-yellow:#ff9f18;--adm-color-orange:#ff6430;--adm-color-wathet:#e7f1ff;--adm-color-text:#333;--adm-color-text-secondary:#666;--adm-color-weak:#999;--adm-color-light:#ccc;--adm-color-border:#eee;--adm-color-background:#fff;--adm-color-highlight:var(--adm-color-danger);--adm-color-white:#fff;--adm-color-box:#f5f5f5;--adm-color-text-light-solid:var(--adm-color-white);--adm-color-text-dark-solid:#000;--adm-color-fill-content:var(--adm-color-box);--adm-font-size-main:var(--adm-font-size-5);--adm-font-family:-apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color:var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary:#3086ff;--adm-color-success:#34b368;--adm-color-warning:#ffa930;--adm-color-danger:#ff4a58;--adm-color-yellow:#ffa930;--adm-color-orange:#e65a2b;--adm-color-wathet:#0d2543;--adm-color-text:#e6e6e6;--adm-color-text-secondary:#b3b3b3;--adm-color-weak:gray;--adm-color-light:#4d4d4d;--adm-color-border:#2b2b2b;--adm-color-box:#0a0a0a;--adm-color-background:#1a1a1a;--adm-color-background-body:var(--adm-color-background);--adm-border-color:var(--adm-color-border)}:root{-webkit-tap-highlight-color:#0000}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity .2s ease-in-out}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size:1;height:calc(var(--size) / 2 * 2px);-webkit-user-select:none;user-select:none;pointer-events:none;width:0;position:fixed;top:-100vh;left:-100vw}.adm-popup{--z-index:var(--adm-popup-z-index,1000);z-index:var(--z-index);position:fixed}.adm-popup-body{background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10);position:fixed}.adm-popup-body .adm-popup-close-icon{z-index:100;position:absolute}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{top:8px;right:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{bottom:8px;right:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{top:8px;right:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{top:8px;left:8px}.adm-popup-close-icon{cursor:pointer;color:var(--adm-color-weak);padding:4px;font-size:18px;line-height:1}.adm-mask{--z-index:var(--adm-mask-z-index,1000);z-index:var(--z-index);width:100%;height:100%;display:block;position:fixed;top:0;left:0}.adm-mask-aria-button{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.adm-mask-content{z-index:1}.adm-safe-area{--multiple:var(--adm-safe-area-multiple,1);width:100%;display:block}.adm-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--multiple))}.adm-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--multiple))}.adm-auto-center{justify-content:center;display:flex}.adm-auto-center-content{flex:0 auto}.adm-image{--width:var(--adm-image-width,auto);--height:var(--adm-image-height,auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.adm-image-img{width:100%;height:100%}.adm-image-tip{background-color:var(--adm-color-fill-content);min-width:24px;height:100%;min-height:24px;position:relative}.adm-image-tip>svg{width:24px;height:24px;color:var(--adm-color-weak);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.adm-badge-wrapper{display:inline-block;position:relative}.adm-badge{vertical-align:middle;box-sizing:content-box;background-color:var(--color);--right:0;--top:0;--color:var(--adm-badge-color,var(--adm-color-highlight));border-radius:100px;display:inline-flex}.adm-badge-content{color:var(--adm-color-text-light-solid);box-sizing:border-box;min-width:8px;font-size:var(--adm-font-size-1);white-space:nowrap;text-align:center;padding:1px 4px;font-weight:400;line-height:12px}.adm-badge-fixed{right:var(--right);top:var(--top);position:absolute;transform:translate(50%,-50%)}.adm-badge-dot{border-radius:5px;width:10px;min-width:10px;height:10px}.adm-badge-bordered{border:solid 1px var(--adm-color-text-light-solid)}.adm-button{--color:var(--adm-color-text-light-solid);--text-color:var(--adm-button-text-color,var(--adm-color-text));--background-color:var(--adm-button-background-color,var(--adm-color-background));--border-radius:var(--adm-button-border-radius,4px);--border-width:var(--adm-button-border-width,1px);--border-style:var(--adm-button-border-style,solid);--border-color:var(--adm-button-border-color,var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);box-sizing:border-box;height:auto;font-size:var(--adm-font-size-9);text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:7px 12px;line-height:1.4;transition:opacity .15s;display:inline-block;position:relative}.adm-button:focus{outline:none}.adm-button:before{transform:translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box;width:100%;height:100%;position:absolute;top:0;left:0}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color:transparent;--border-color:var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color:transparent;--border-width:0px}.adm-button:not(.adm-button-default){--text-color:var(--adm-color-text-light-solid);--background-color:var(--color);--border-color:var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color:var(--color);--background-color:transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color:var(--color);--background-color:transparent;--border-width:0px}.adm-button-primary{--color:var(--adm-color-primary)}.adm-button-success{--color:var(--adm-color-success)}.adm-button-danger{--color:var(--adm-color-danger)}.adm-button-warning{--color:var(--adm-color-warning)}.adm-button-block{width:100%;display:block}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{font-size:var(--adm-font-size-main);padding-top:3px;padding-bottom:3px}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{font-size:var(--adm-font-size-7);padding-top:3px;padding-bottom:3px}.adm-button.adm-button-large{font-size:var(--adm-font-size-10);padding-top:11px;padding-bottom:11px}.adm-button.adm-button-shape-rounded{--border-radius:1000px}.adm-button.adm-button-shape-rectangular{--border-radius:0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{justify-content:center;align-items:center;height:1.4em;display:flex}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-spin-loading{--color:var(--adm-color-weak);--size:32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:.8s linear infinite adm-spin-loading-rotate}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-center-popup{--background-color:var(--adm-center-popup-background-color,var(--adm-color-background));--border-radius:var(--adm-center-popup-border-radius,8px);--max-width:var(--adm-center-popup-max-width,75vw);--min-width:var(--adm-center-popup-min-width,280px);--z-index:var(--adm-center-popup-z-index,1000);z-index:var(--z-index);position:fixed}.adm-center-popup .adm-center-popup-mask{z-index:0}.adm-center-popup-wrap{z-index:1;width:auto;min-width:var(--min-width);max-width:var(--max-width);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.adm-center-popup-body{background-color:var(--background-color);border-radius:var(--border-radius)}.adm-center-popup-close{z-index:100;cursor:pointer;color:var(--adm-color-weak);padding:4px;font-size:18px;position:absolute;top:8px;right:8px}.adm-dialog{--z-index:var(--adm-dialog-z-index,1000);---z-index:var(--z-index)}.adm-dialog .adm-center-popup{--z-index:var(---z-index)}.adm-dialog-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);flex-direction:column;display:flex;overflow:hidden}.adm-dialog-body>*{flex:none}.adm-dialog-body>.adm-dialog-content{flex:auto}.adm-dialog-body:not(.adm-dialog-with-image){padding-top:20px}.adm-dialog-image-container{max-height:40vh;margin-bottom:12px}.adm-dialog-header{margin-bottom:8px;padding:0 12px}.adm-dialog-title{font-weight:700;font-size:var(--adm-font-size-10);text-align:center;margin-bottom:8px;padding:0 12px;line-height:25px}.adm-dialog-content{max-height:70vh;font-size:var(--adm-font-size-7);color:var(--adm-color-text);padding:0 12px 20px;line-height:1.4;overflow:hidden auto}.adm-dialog-content-empty{height:12px;padding:0}.adm-dialog-footer{-webkit-user-select:none;user-select:none}.adm-dialog-footer .adm-dialog-action-row{border-top:.5px solid var(--adm-color-border);align-items:stretch;display:flex}.adm-dialog-footer .adm-dialog-action-row>*{flex:1}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button{font-size:var(--adm-font-size-10);border-right:solid .5px var(--adm-color-border);border-radius:0;padding:10px;line-height:25px}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold{font-weight:700}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child{border-right:none}.adm-dialog-image-container{overflow-y:auto}.adm-empty{flex-direction:column;justify-content:center;align-items:center;padding:24px 0;display:flex}.adm-empty-image-container{justify-content:center;display:flex}.adm-empty-image-container .adm-empty-image{width:64px;height:intrinsic}.adm-empty-description{font-size:var(--adm-font-size-6);color:var(--adm-color-light);margin-top:8px}.adm-space-item{flex:none}.adm-space{--gap:8px;--gap-vertical:var(--gap);--gap-horizontal:var(--gap);display:inline-flex}.adm-space-vertical{flex-direction:column}.adm-space-vertical>.adm-space-item{margin-bottom:var(--gap-vertical)}.adm-space-vertical>.adm-space-item:last-child{margin-bottom:0}.adm-space-horizontal{flex-direction:row}.adm-space-horizontal>.adm-space-item{margin-right:var(--gap-horizontal)}.adm-space-horizontal>.adm-space-item:last-child{margin-right:0}.adm-space-horizontal.adm-space-wrap{margin-bottom:calc(var(--gap-vertical) * -1);flex-wrap:wrap}.adm-space-horizontal.adm-space-wrap>.adm-space-item{padding-bottom:var(--gap-vertical)}.adm-space.adm-space-block{display:flex}.adm-space-align-center{align-items:center}.adm-space-align-start{align-items:flex-start}.adm-space-align-end{align-items:flex-end}.adm-space-align-baseline{align-items:baseline}.adm-space-justify-center{justify-content:center}.adm-space-justify-start{justify-content:flex-start}.adm-space-justify-end{justify-content:flex-end}.adm-space-justify-between{justify-content:space-between}.adm-space-justify-around{justify-content:space-around}.adm-space-justify-evenly{justify-content:space-evenly}.adm-space-justify-stretch{justify-content:stretch}.adm-input{--font-size:var(--adm-font-size-9);--color:var(--adm-color-text);--placeholder-color:var(--adm-color-light);--text-align:left;--background-color:transparent;background-color:var(--background-color);justify-content:flex-start;align-items:center;width:100%;max-width:100%;min-height:24px;max-height:100%;display:flex}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{box-sizing:border-box;width:100%;max-width:100%;max-height:100%;color:var(--color);font-size:var(--font-size);appearance:none;min-height:1.5em;text-align:var(--text-align);background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0;line-height:1.5;display:inline-block}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:#0000}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{color:var(--adm-color-light);cursor:pointer;flex:none;margin-left:8px;padding:4px}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{font-size:var(--adm-font-size-7);display:block}.adm-modal{--z-index:var(--adm-modal-z-index,1000);---z-index:var(--z-index)}.adm-modal .adm-center-popup{--z-index:var(---z-index)}.adm-modal-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);flex-direction:column;display:flex;overflow:hidden}.adm-modal-body>*{flex:none}.adm-modal-body>.adm-modal-content{flex:auto}.adm-modal-body:not(.adm-modal-with-image){padding-top:20px}.adm-modal-image-container{max-height:40vh;margin-bottom:12px;overflow-y:scroll}.adm-modal-header{margin-bottom:8px;padding:0 12px}.adm-modal-title{font-weight:700;font-size:var(--adm-font-size-10);text-align:center;margin-bottom:8px;padding:0 12px;line-height:25px}.adm-modal-content{max-height:70vh;font-size:var(--adm-font-size-7);color:var(--adm-color-text);padding:0 12px 12px;line-height:1.4;overflow:hidden auto}.adm-modal-footer{-webkit-user-select:none;user-select:none;padding:8px 12px 12px}.adm-modal-footer-empty{height:8px;padding:0}.adm-modal-footer.adm-space{--gap-vertical:20px}.adm-modal-footer .adm-modal-button{font-size:var(--adm-font-size-10);line-height:25px}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary){padding-top:0;padding-bottom:0}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):before{display:none}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active{opacity:.7}.adm-search-bar{--height:32px;--padding-left:8px;--background:var(--adm-color-fill-content);--border-radius:6px;--placeholder-color:var(--adm-color-weak);---placeholder-color:var(--placeholder-color);height:var(--height);justify-content:center;align-items:center;display:flex}.adm-search-bar .adm-search-bar-input-box{background:var(--background);border-radius:var(--border-radius);padding-left:var(--padding-left);border:1px solid #0000;flex:auto;justify-content:center;align-items:center;display:flex}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon{color:var(--adm-color-light);font-size:var(--adm-font-size-8);flex:none}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input{height:calc(var(--height) - 2px);box-sizing:border-box;flex:auto;padding:4px 8px 4px 4px}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input{--placeholder-color:var(---placeholder-color);--font-size:var(--adm-font-size-7)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element{line-height:19px}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon{padding-left:8px}.adm-search-bar .adm-search-bar-suffix{flex:none;margin-left:4px}.adm-search-bar .adm-search-bar-cancel-button.adm-button{padding:3px 12px}.adm-search-bar-active .adm-input.adm-input.adm-input{--placeholder-color:var(--adm-color-light)}.adm-search-bar-active .adm-search-bar-input-box{border-color:var(--adm-color-primary);background:var(--adm-color-background)}.adm-tab-bar-wrap{flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-height:48px;display:flex;overflow:hidden}.adm-tab-bar-item{color:var(--adm-color-text-secondary);white-space:nowrap;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min-content;padding:4px 8px;display:flex;position:relative}.adm-tab-bar-item-icon{height:24px;font-size:24px;line-height:1}.adm-tab-bar-item-title{font-size:var(--adm-font-size-2);line-height:15px}.adm-tab-bar-item-title-with-icon{margin-top:2px}.adm-tab-bar-item-active{color:var(--adm-color-primary)}.adm-tab-bar-icon-badge{--top:6px}.adm-tab-bar-title-badge{--right:-2px;--top:-2px}.adm-toast-mask .adm-toast-wrap{text-align:center;width:100%;height:100%;position:fixed;top:0;left:0}.adm-toast-mask .adm-toast-main{color:#fff;word-break:break-all;pointer-events:all;width:auto;max-width:204px;max-height:70%;font-size:var(--adm-font-size-7);box-sizing:border-box;text-align:initial;background-color:#000000b3;border-radius:8px;line-height:1.5;display:inline-block;position:relative;top:50%;overflow:auto;transform:translateY(-50%)}.adm-toast-mask .adm-toast-main-text{min-width:0;padding:12px}.adm-toast-mask .adm-toast-main-icon{min-width:150px;padding:35px 12px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size:48px;margin:0 auto 8px}:root{--primary:#ff6b35;--primary-light:#ff8c5a;--primary-dark:#e55a2b;--primary-gradient:linear-gradient(135deg, #ff6b35 0%, #ff8c5a 50%, #ffb347 100%);--secondary:#4ecdc4;--secondary-light:#7eddd6;--secondary-gradient:linear-gradient(135deg, #4ecdc4 0%, #7eddd6 100%);--success:#00c853;--success-light:#69f0ae;--warning:#ffd600;--danger:#ff5252;--danger-light:#ff8a80;--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-card:#fff;--bg-elevated:#fff;--text-primary:#212121;--text-secondary:#616161;--text-tertiary:#9e9e9e;--text-hint:#bdbdbd;--border-light:#eee;--border-medium:#e0e0e0;--border-dark:#bdbdbd;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-colored:0 8px 24px #ff6b3540;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--font-display:"Noto Serif SC", "Songti SC", serif;--font-body:-apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Monaco", "Consolas", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-primary);font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ff6b350f 0%,#ff6b3505 100%);height:400px;position:fixed;top:0;left:0;right:0}.app-root{min-height:100vh}.page-container{padding:16px}.page-header{background:var(--primary-gradient);padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);z-index:90;position:fixed;top:0;left:0;right:0}.page-header h1,.page-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-weight:700}.page-header h1{font-size:28px;font-family:var(--font-display)}.page-header h2{font-size:24px}.page-header p{color:#ffffffd9;margin:8px 0 0;font-size:14px}.orderer-home{min-height:100vh;padding-top:calc(130px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.orderer-home .category-tabs{top:calc(110px + env(safe-area-inset-top,0));z-index:85;background:#fff;padding-top:12px;position:fixed;left:0;right:0}.recipe-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;display:grid}.recipe-item{background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.recipe-item-image{cursor:pointer;background:linear-gradient(135deg,#fff5e6 0%,bisque 100%);justify-content:center;align-items:center;width:100%;height:120px;display:flex}.emoji-icon{font-size:48px}.recipe-item-info{padding:12px}.recipe-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:15px;font-weight:700;overflow:hidden}.recipe-item-meta{color:var(--text-secondary);align-items:center;gap:4px;margin:0 0 8px;font-size:12px;display:flex}.separator{color:var(--text-tertiary)}.recipe-item-category{color:var(--primary);background:#ff8c001a;border-radius:8px;padding:3px 8px;font-size:11px}.add-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:300;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #ff8c004d}.add-btn:active{transform:scale(.9)}.add-btn.added{background:var(--success-gradient);box-shadow:0 4px 12px #00c8534d}.quantity-badge{font-size:14px;font-weight:600}.selected-badge{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #00c85366}.favorite-btn{cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;bottom:6px;right:4px;box-shadow:0 2px 8px #00000026}.favorite-btn:active{transform:scale(.9)}.recipe-item.selected{border:2px solid var(--success)}.cart-summary-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:50%;right:20px;overflow:visible;transform:translateY(-50%)}.cart-summary-btn:hover{background:#ffffff59}.cart-count{color:#fff;background:#ff3b30;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.cart-popup{flex-direction:column;max-height:70vh;padding:0;display:flex}.cart-popup-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-popup-title{color:var(--text-primary);font-size:18px;font-weight:700}.cart-popup-close{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;font-size:16px}.cart-popup-content{flex:1;padding:16px 20px;overflow-y:auto}.cart-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px}.cart-empty p{margin-top:12px;font-size:14px}.cart-list{flex-direction:column;gap:12px;display:flex}.cart-item{background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cart-item-info{flex:1}.cart-item-name{color:var(--text-primary);font-size:15px;font-weight:600}.cart-item-quantity{color:var(--text-secondary);margin-top:4px;font-size:13px}.cart-item-remove{width:28px;height:28px;color:var(--danger);cursor:pointer;background:#ff52521a;border:none;border-radius:50%;font-size:14px}.cart-popup-footer{border-top:1px solid var(--border-light);padding:16px 20px 24px}.cart-submit-btn{border-radius:var(--radius-lg);background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;width:100%;padding:14px;font-size:16px;font-weight:600}.cook-home{background:var(--bg-primary);box-sizing:border-box;min-height:100vh}.ch-hero{padding:calc(env(safe-area-inset-top,0) + 16px) 20px 0;position:relative;overflow:hidden}.ch-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);position:absolute;inset:0}.ch-hero-bg:after{content:"";background:radial-gradient(at 80% 20%,#ff6b3526 0%,#0000 60%),radial-gradient(at 20% 80%,#4ecdc41a 0%,#0000 50%);position:absolute;inset:0}.ch-hero-content{z-index:1;justify-content:space-between;align-items:flex-start;padding-top:12px;padding-bottom:16px;display:flex;position:relative}.ch-hero-left{flex:1}.ch-hero-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.ch-hero-sub{color:#fff9;margin:6px 0 0;font-size:14px;font-weight:500}.ch-refresh-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.ch-refresh-btn:active{background:#ffffff26;transform:scale(.92)}.ch-refresh-icon.spinning{animation:.8s linear infinite spin;display:inline-block}.ch-meal-tabs{z-index:1;gap:10px;padding-bottom:16px;display:flex;position:relative}.ch-meal-tab{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px 10px;transition:all .25s;display:flex;position:relative}.ch-meal-tab.active{background:#ffffff2e;border-color:#ffffff4d;box-shadow:0 4px 16px #00000026}.ch-meal-tab.past{opacity:.5}.ch-meal-tab.has-orders:after{content:"";background:#4ecdc4;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px;box-shadow:0 0 6px #4ecdc499}.ch-mt-emoji{font-size:24px;line-height:1}.ch-mt-name{color:#fffc;font-size:12px;font-weight:600}.ch-mt-badge{color:#fff;background:var(--primary);border-radius:10px;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:700}.ch-body{padding:0 16px calc(80px + env(safe-area-inset-bottom,0));z-index:2;background:var(--bg-primary);border-radius:8px 8px 0 0;min-height:60vh;margin-top:-8px;position:relative}.ch-loading{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:12px;padding:60px 0;font-size:14px;display:flex}.ch-spinner{border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite spin}.ch-empty{text-align:center;padding:60px 20px}.ch-empty-icon{opacity:.25;margin-bottom:16px;font-size:72px}.ch-empty-text{color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:700}.ch-empty-hint{color:var(--text-tertiary);font-size:13px}.ch-summary-bar{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:12px;padding:14px 16px;display:flex}.ch-summary-left{align-items:center;gap:8px;display:flex}.ch-summary-emoji{font-size:20px}.ch-summary-text{color:var(--text-primary);font-size:14px;font-weight:600}.ch-summary-users{gap:-4px;display:flex}.ch-user-dot{background:var(--primary-gradient);color:#fff;border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;font-size:11px;font-weight:700;display:flex}.ch-user-dot:first-child{margin-left:0}.ch-dish-list{flex-direction:column;gap:8px;display:flex}.ch-bottom-bar{gap:12px;margin-top:20px;padding:0 4px;display:flex}.ch-nav-btn{border:1.5px solid var(--border-light);background:var(--bg-card);cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.ch-nav-btn:active{border-color:var(--primary);background:#ff6b350a;transform:scale(.97)}.ch-nav-icon{font-size:20px}.ch-nav-label{color:var(--text-primary);font-size:14px;font-weight:600}.tl-header{padding:calc(env(safe-area-inset-top,0) + 16px) 20px 12px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:space-between;align-items:center;display:flex}.tl-title{color:#fff;margin:0;font-size:22px;font-weight:800}.tl-header-right{align-items:center;gap:10px;display:flex}.tl-total{color:#ffffffb3;background:#ffffff1a;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600}.tl-refresh-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.tl-overview{background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%);gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.tl-overview-item{white-space:nowrap;background:#ffffff14;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;display:flex}.tl-ov-emoji{font-size:16px}.tl-ov-label{color:#ffffffb3;font-size:13px;font-weight:500}.tl-ov-count{color:#fff;font-size:13px;font-weight:700}.tl-overview-users{background:#4ecdc41f}.tl-body{padding:12px 16px calc(80px + env(safe-area-inset-bottom,0))}.empty-orders{text-align:center;padding:20px}.home-header{background:var(--primary-gradient);padding:32px 20px;padding-top:calc(32px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:16px}.home-header h1{color:#fff;font-size:28px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;margin:0}.home-header-subtitle{color:#ffffffd9;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.home-header-subtitle span:last-child{border-radius:var(--radius-full);background:#fff3;padding:4px 10px;font-size:12px;font-weight:600}.home-search-bar{z-index:111;width:100%;margin-top:-32px;margin-bottom:16px;padding:0 10px;position:fixed}.search-icon{color:var(--text-tertiary);z-index:2;pointer-events:none;font-size:16px;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.home-search-bar .adm-input.search-input{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:all var(--transition-base);background:#fff;padding:12px 16px 12px 44px}.home-search-bar .adm-input.search-input:focus-within{border-color:var(--primary);box-shadow:var(--shadow-colored)}.home-search-bar .adm-input.search-input .adm-input-element{background:0 0;border:none;outline:none;padding:0;font-size:15px}.search-loading{color:var(--text-tertiary);z-index:2;pointer-events:none;background:#fff;padding-left:4px;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.home-filter-tabs{scrollbar-width:none;gap:8px;padding:16px;display:flex;overflow-x:auto}.home-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{border-radius:var(--radius-full);white-space:nowrap;border:2px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;padding:10px 20px;font-size:14px;font-weight:600}.filter-tab.active{background:var(--primary-gradient);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-colored)}.filter-tab:active{transform:scale(.95)}.home-content{flex-direction:column;gap:12px;padding:0 16px;display:flex}.recipe-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:16px;padding:16px;display:flex}.recipe-card:active{border-color:var(--primary);box-shadow:var(--shadow-colored);transform:scale(.98)}.recipe-card-image{border-radius:var(--radius-md);background:var(--primary-gradient);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.recipe-card-body{flex:1;min-width:0}.recipe-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:17px;font-weight:700;overflow:hidden}.recipe-card-meta{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.recipe-card-footer{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.calories-tag{color:var(--secondary);border-radius:var(--radius-full);background:#4ecdc41a;padding:4px 10px;font-size:12px;font-weight:600}.difficulty{color:var(--warning);font-weight:600}.empty-state{text-align:center;color:var(--text-tertiary);padding:80px 20px}.empty-icon{opacity:.3;margin-bottom:16px;font-size:80px}.empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-desc{color:var(--text-tertiary);font-size:14px}.my-orders-page{min-height:100vh;padding-top:calc(100px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.my-orders-header{background:var(--primary-gradient);padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);z-index:90;position:fixed;top:0;left:0;right:0}.my-orders-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.my-orders-header p{color:#ffffffd9;margin:8px 0 0;font-size:14px}.my-orders-content{padding:0 16px}.order-card-v2-wrapper{margin-bottom:12px}.order-card-v2{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);border-left:4px solid var(--primary);transition:all var(--transition-base);gap:12px;padding:12px;display:flex;position:relative}.order-card-v2.clickable{cursor:pointer}.order-card-v2:active{box-shadow:var(--shadow-colored);transform:scale(.98)}.oc2-image-area{border-radius:var(--radius-md);background:var(--bg-secondary);flex-shrink:0;width:72px;height:72px;overflow:hidden}.oc2-image{object-fit:cover;width:100%;height:100%}.oc2-emoji-badge{border-radius:var(--radius-md);background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.oc2-emoji-icon{font-size:32px;line-height:1}.oc2-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.oc2-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.oc2-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.oc2-expand-icon{color:var(--text-hint);transition:transform var(--transition-fast);flex-shrink:0;font-size:14px}.oc2-tags{flex-wrap:wrap;gap:6px;display:flex}.oc2-tag{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:500}.oc2-tag-diff{color:var(--primary-dark);background:#ff6b351a}.oc2-tag-time{color:#7c4dff;background:#7c4dff14}.oc2-desc{color:var(--text-tertiary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.oc2-bottom-row{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.oc2-users{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.oc2-user-chip{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.oc2-user-chip:nth-child(2){background:linear-gradient(135deg,#4ecdc4,#7eddd6)}.oc2-user-chip:nth-child(3){background:linear-gradient(135deg,#7c4dff,#b388ff)}.oc2-user-more{font-size:9px;background:var(--bg-secondary)!important;color:var(--text-tertiary)!important}.oc2-user-names{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.oc2-qty-area{flex-shrink:0;align-items:center;gap:6px;display:flex}.oc2-qty{color:var(--primary);text-align:center;min-width:20px;font-size:18px;font-weight:800;line-height:1}.oc2-qty-label{color:var(--text-hint);font-size:11px}.oc2-qty-btn{border:2px solid var(--border-medium);background:var(--bg-card);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;line-height:1;display:flex}.oc2-qty-btn:active{border-color:var(--primary);color:var(--primary);transform:scale(.9)}.oc2-qty-btn-add{background:var(--primary-gradient);color:#fff;border-color:var(--primary)}.oc2-remove-btn{background:var(--bg-secondary);width:22px;height:22px;color:var(--text-hint);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.oc2-remove-btn:active{background:var(--danger-light);color:var(--danger)}.oc2-expanded{background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-left:4px solid var(--primary);margin-top:-4px;padding:14px 12px 14px 16px;animation:.2s ease-out oc2Expand}@keyframes oc2Expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:600px}}.oc2-expanded-loading{color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.oc2-spinner{border:2px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.oc2-expanded-empty{text-align:center;color:var(--text-hint);padding:16px;font-size:13px}.oc2-detail-section{margin-bottom:12px}.oc2-detail-section:last-child{margin-bottom:0}.oc2-detail-title{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:700}.oc2-detail-chips{flex-wrap:wrap;gap:6px;display:flex}.oc2-ing-chip{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-light);background:#fff;padding:3px 10px;font-size:11px}.oc2-steps-list{counter-reset:step;margin:0;padding:0;list-style:none}.oc2-steps-list li{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.oc2-step-num{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.oc2-step-text{color:var(--text-secondary);flex:1;font-size:12px;line-height:1.5}.oc2-tips-list{margin:0;padding:0;list-style:none}.oc2-tips-list li{color:var(--text-tertiary);padding:3px 0 3px 14px;font-size:12px;line-height:1.5;position:relative}.oc2-tips-list li:before{content:"•";color:var(--secondary);position:absolute;left:0}.mo2-total-badge{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:700}.mo2-meal-section{margin-bottom:20px}.mo2-meal-header{justify-content:space-between;align-items:center;padding:8px 16px 10px;display:flex}.mo2-meal-header-left{align-items:center;gap:8px;display:flex}.mo2-meal-emoji{font-size:22px}.mo2-meal-title{color:var(--text-primary);font-size:16px;font-weight:700}.mo2-meal-count{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:600}.mo2-meal-items{padding:0 12px}.order-actions{z-index:10;position:fixed;bottom:60px;left:0;right:0}.order-total-info{text-align:center;margin-bottom:12px;font-size:14px;font-weight:600;color:#e4bb08!important}.status-badge{border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:700}.status-badge.pending{color:#ff9100;background:#ffd60026}.status-badge.preparing{color:var(--secondary);background:#4ecdc426}.status-badge.completed{color:var(--success);background:#00c85326}.status-badge.cart{color:var(--primary);background:#ff6b3526}.todo-page{min-height:100vh;padding-top:calc(150px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.todo-header{background:var(--primary-gradient);padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);z-index:90;position:fixed;top:0;left:0;right:0}.todo-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.todo-header p{color:#ffffffd9;margin:8px 0 0;font-size:14px}.todo-stat-bar{gap:12px;margin-top:20px;display:flex}.todo-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);text-align:center;background:#ffffff26;flex:1;padding:12px}.todo-stat-num{color:#fff;font-size:24px;font-weight:700}.todo-stat-label{color:#fffc;margin-top:4px;font-size:12px}.todo-group{flex-direction:column;gap:16px;padding:20px 16px;display:flex}.todo-group-title{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600}.todo-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);transition:all var(--transition-base);flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.todo-card:active{border-color:var(--primary);box-shadow:var(--shadow-colored);transform:scale(.98)}.todo-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700}.todo-card-user{color:var(--text-tertiary);font-size:13px}.todo-card-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.todo-card-actions{border-top:1px solid var(--border-light);gap:8px;width:100%;margin-top:12px;padding-top:12px;display:flex}.settings-page{min-height:100vh;padding-top:calc(100px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.settings-content{padding:30px 16px}.settings-header{background:var(--primary-gradient);padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);z-index:90;position:fixed;top:0;left:0;right:0}.settings-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.settings-header p{color:#ffffffd9;margin:8px 0 0;font-size:14px}.settings-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);margin-bottom:16px;overflow:hidden}.settings-card-title{color:var(--text-tertiary);letter-spacing:.05em;padding:16px 16px 8px;font-size:13px;font-weight:700}.settings-item{cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.settings-item:active{background:var(--bg-secondary)}.settings-item-icon{border-radius:var(--radius-md);background:#ff6b351a;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.settings-item-label{color:var(--text-primary);font-size:16px;font-weight:600}.settings-item-sub{color:var(--text-tertiary);margin-top:2px;font-size:13px}.settings-item-right{color:var(--text-tertiary);font-size:14px}.detail-page{min-height:100vh}.detail-header{background:var(--primary-gradient);padding:32px 20px;padding-top:calc(32px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:16px}.detail-header-back{color:#ffffffe6;cursor:pointer;align-items:center;gap:4px;margin-bottom:12px;font-size:14px;display:inline-flex}.detail-header h2{color:#fff;font-size:26px;font-weight:700;font-family:var(--font-display);margin:0}.detail-tag{color:#fff;border-radius:var(--radius-full);background:#fff3;padding:4px 10px;font-size:12px;font-weight:600}.detail-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);margin-bottom:16px;padding:16px}.detail-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.detail-section-badge{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.detail-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.detail-meta-row{gap:16px;display:flex}.detail-meta-row>div{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-md);flex:1;padding:12px}.detail-meta-label{color:var(--text-tertiary);margin-bottom:4px;font-size:12px}.detail-meta-value{color:var(--text-primary);font-size:16px;font-weight:700}.ingredients-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ingredients-list li{color:var(--text-primary);background:linear-gradient(135deg,#ff6b350f,#ff6b351f);border:1px solid #ff6b3526;border-radius:20px;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.ingredients-list li:hover{background:linear-gradient(135deg,#ff6b351a,#ff6b352e);transform:translateY(-1px);box-shadow:0 2px 8px #ff6b351a}.step-list{margin:0;padding-left:24px}.step-list li{color:var(--text-secondary);gap:12px;padding:10px 0;font-size:14px;display:flex}.step-num{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.step-text{flex:1;line-height:1.6}.tip-list{margin:0;padding-left:20px}.tip-list li{color:var(--text-secondary);padding:6px 0;font-size:14px}.detail-action-bar{border-top:1px solid var(--border-light);z-index:10;padding:16px;position:fixed;bottom:60px;left:0;right:0}.recipe-manage-page{min-height:100vh;padding-top:calc(100px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.recipe-manage-header{background:var(--primary-gradient);padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);z-index:90;position:fixed;top:0;left:0;right:0}.recipe-manage-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.recipe-manage-header p{color:#ffffffd9;margin:8px 0 0;font-size:14px}.recipe-card-manage{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);transition:all var(--transition-base);margin-bottom:12px;padding:16px}.recipe-card-manage:active{transform:scale(.98)}.recipe-card-manage-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.recipe-card-manage-title{flex:1;align-items:center;gap:12px;display:flex}.recipe-card-manage-emoji{font-size:36px;line-height:1}.recipe-card-manage-name{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700}.recipe-card-manage-cat{color:var(--text-tertiary);margin-top:4px;font-size:13px;font-weight:500}.recipe-card-manage-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.recipe-card-manage-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.recipe-card-manage-tag{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:500}.recipe-card-manage-ingredients{color:var(--text-secondary);border-top:1px solid var(--border-light);padding-top:12px;font-size:13px}.recipe-card-manage-ingredients-label{color:var(--text-primary);font-weight:600}.recipe-card-manage-ingredients-list{color:var(--text-tertiary)}.recipe-card-manage-actions{gap:10px;display:flex}.fab-classify-btn{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;display:flex;position:fixed;bottom:8vh;left:20px;box-shadow:0 4px 16px #667eea66}.fab-classify-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.fab-classify-btn:active{transform:scale(.95)}.fab-classify-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-list{flex-direction:column;gap:12px;display:flex}.admin-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:16px}.admin-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-card-info{align-items:center;gap:10px;display:flex}.admin-card-name{color:var(--text-primary);font-size:16px;font-weight:600}.admin-card-role{border-radius:var(--radius-full);padding:2px 8px;font-size:12px}.admin-card-role.role-admin{color:var(--primary);background:#ff6b351a}.admin-card-role.role-user{background:var(--bg-secondary);color:var(--text-secondary)}.admin-card-role.role-valid{color:var(--success);background:#00c8531a}.admin-card-role.role-invalid{background:var(--bg-secondary);color:var(--text-tertiary)}.admin-card-actions{gap:8px;display:flex}.admin-card-body{border-top:1px solid var(--border-light);padding-top:12px}.admin-card-row{color:var(--text-secondary);margin-bottom:6px;font-size:14px;display:flex}.admin-card-row:last-child{margin-bottom:0}.admin-card-label{color:var(--text-tertiary);min-width:80px}.form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.history-page{min-height:100vh;padding-top:calc(100px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.history-tabs{top:calc(110px + env(safe-area-inset-top,0));z-index:85;background:#fff;padding-top:12px;position:fixed;left:0;right:0}.history-list{padding:calc(90px + env(safe-area-inset-top,0)) 16px 0}.history-card{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 2px 12px #0000000a}.history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-date{color:var(--text-secondary);font-size:14px}.history-status{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.history-recipes{flex-wrap:wrap;gap:8px;display:flex}.history-item{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.item-emoji{font-size:14px}.item-name{color:var(--text-primary);font-size:13px}.item-count{color:var(--text-tertiary);font-size:12px;font-weight:600}.history-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.history-total{color:var(--text-secondary);font-size:13px}.history-finish{color:var(--text-tertiary);font-size:12px}.empty-state{text-align:center;padding:60px 20px}.add-recipe-btn{background:var(--primary-gradient);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-colored);cursor:pointer;z-index:10;transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:800;line-height:1;display:flex;position:fixed;bottom:76px;left:20px}.add-recipe-btn:active{transform:scale(.9)}.icon-btn{border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.icon-btn:active{transform:scale(.9)}.icon-btn.success{background:var(--success);color:#fff}.icon-btn.danger{color:var(--danger);background:#ff52521a}.icon-btn.outline-primary{border:2px solid var(--primary);color:var(--primary);background:#fff}.role-switch-popup{padding:0}.role-switch-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px;display:flex}.role-switch-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.role-switch-close{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.role-switch-content{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.role-option{background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;border:2px solid #0000;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.role-option.selected{border-color:var(--primary);box-shadow:var(--shadow-colored);background:#ff6b350f}.role-option:active{transform:scale(.98)}.role-option-icon{flex-shrink:0;font-size:32px}.role-option-label{color:var(--text-primary);font-size:16px;font-weight:700}.role-option-desc{color:var(--text-tertiary);margin-top:4px;font-size:12px}.role-option-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.role-switch-footer{border-top:1px solid var(--border-light);padding:16px 20px 24px}.role-switch-footer .btn-primary{border-radius:var(--radius-lg);cursor:pointer;border:none;width:100%;padding:14px;font-size:16px;font-weight:600}.bottom-tabbar{-webkit-backdrop-filter:blur(20px);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:#fffffff2;border-top:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000000f}.bottom-tabbar .adm-tab-bar{background:0 0;border-top:none}.bottom-tabbar .adm-tab-bar-item{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0))}.bottom-tabbar .adm-tab-bar-item-title{font-size:11px;font-weight:600}.bottom-tabbar .adm-tab-bar-item-active .adm-tab-bar-item-title{color:var(--primary)}.animate-fade-in{opacity:0;animation:.3s ease-out forwards fadeIn;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.meal-type-selector{justify-content:center;gap:12px;margin-top:25px;margin-bottom:14px;display:flex}.meal-type-btn{border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base);flex-direction:column;align-items:center;gap:6px;min-width:28%;padding:12px 20px;display:flex}.meal-type-btn:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.meal-type-btn.active{border-color:var(--primary);background:linear-gradient(135deg,#ff6b3514 0%,#ff8c5a14 100%);box-shadow:0 4px 12px #ff6b3533}.meal-type-emoji{font-size:28px;line-height:1}.meal-type-label{color:var(--text-primary);font-size:13px;font-weight:600}.meal-type-btn.active .meal-type-label{color:var(--primary)}.cart-meal-group{border-bottom:1px solid var(--border-light);margin-bottom:16px;padding-bottom:16px}.cart-meal-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cart-meal-header{border-radius:var(--radius-sm);background:linear-gradient(135deg,#ff6b350f 0%,#ff8c5a0f 100%);align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.cart-meal-emoji{font-size:18px}.cart-meal-label{color:var(--text-primary);font-size:14px;font-weight:600}.cart-meal-count{color:var(--text-tertiary);margin-left:auto;font-size:12px}.meal-group{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:16px}.meal-group-header{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.meal-group-emoji{font-size:24px;line-height:1}.meal-group-label,.meal-group-title{color:var(--text-primary);font-size:16px;font-weight:700}.meal-group-count{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-full);margin-left:auto;padding:4px 10px;font-size:13px}.meal-group-actions{border-top:1px solid var(--border-light);justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.todo-meal-filter{margin-top:16px;padding:0 16px}.todo-meal-filter .adm-tabs{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:4px}.todo-meal-filter .adm-tabs-tab{border-radius:var(--radius-md);padding:8px 16px;font-size:13px}.todo-meal-filter .adm-tabs-tab-active{background:var(--primary);color:#fff;font-weight:600}.todo-card-meal-badge{color:var(--primary);border-radius:var(--radius-full);background:linear-gradient(135deg,#ff6b351a 0%,#ff8c5a1a 100%);margin-right:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-height:80vh;box-shadow:var(--shadow-xl);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.modal-close{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--border-medium)}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;padding:12px 24px;font-size:15px;font-weight:600}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #ff6b354d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.order-card.clickable{cursor:pointer;border-color:var(--primary);background:linear-gradient(135deg,#ff6b3508 0%,#ff8c5a0d 100%)}.order-card.clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-colored);transform:translateY(-2px)}.order-card.clickable:active{transform:scale(.98)}.order-info{flex:1;min-width:0}.order-name{color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.order-meta{color:var(--text-tertiary);margin-top:4px;font-size:13px}.order-quantity{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.order-users{color:var(--text-secondary);margin-top:4px;font-size:12px}.order-remove-btn{width:32px;height:32px;color:var(--danger);cursor:pointer;transition:all var(--transition-fast);background:#ff52521a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.order-remove-btn:hover{background:#ff525226;transform:scale(1.1)}.order-remove-btn:active{transform:scale(.9)}.order-card-wrapper{margin-bottom:12px}.recipe-details-expanded{border-left:3px solid var(--primary);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);animation:slideDown var(--transition-fast) ease-out;background:#fff;margin-top:-8px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section-small{margin-bottom:16px}.detail-section-small:last-child{margin-bottom:0}.detail-section-title-small{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.detail-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.detail-list-small{margin:0;padding:0;list-style:none}.detail-list-small li{color:var(--text-secondary);padding:6px 0 6px 24px;font-size:13px;line-height:1.6;position:relative}.detail-list-small li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:8px}.detail-list-small li .step-num-small{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-sm);margin-right:8px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.meal-items{flex-direction:column;gap:8px;display:flex}.my-list-item-wrapper{margin-bottom:8px}.my-list-item{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.my-list-item:hover{background:var(--bg-secondary)}.my-list-item.expanded{background:linear-gradient(135deg,#ff6b350d 0%,#ff8c5a0d 100%);border-bottom-right-radius:0;border-bottom-left-radius:0}.my-list-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.my-list-item-arrow{color:var(--text-tertiary);transition:transform var(--transition-fast);font-size:12px}.my-list-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.my-list-item-qty{color:var(--text-tertiary);margin-top:2px;font-size:13px}.my-list-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.my-list-item-detail{background:var(--bg-card);border:1px solid var(--border-light);border-radius:0 0 var(--radius-md) var(--radius-md);animation:slideDown var(--transition-fast) ease-out;border-top:none;padding:16px}.detail-loading,.detail-empty{text-align:center;color:var(--text-tertiary);padding:20px;font-size:14px}.detail-image{border-radius:var(--radius-md);width:100%;margin-bottom:12px;overflow:hidden}.detail-image img{width:100%;height:auto;display:block}.detail-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.qty-btn{border:2px solid var(--border-medium);background:var(--bg-card);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.qty-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.qty-btn:active:not(:disabled){transform:scale(.9)}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-num{color:var(--text-primary);text-align:center;min-width:24px;font-size:16px;font-weight:700}.delete-btn{cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#ff52521a;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;font-size:16px;display:flex}.delete-btn:hover:not(:disabled){background:#ff525233;transform:scale(1.1)}.delete-btn:active:not(:disabled){transform:scale(.9)}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.my-list-footer{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:center;align-items:center;margin-top:20px;padding:16px;display:flex}.floating-add-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;z-index:100;width:56px;height:56px;transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 16px #ff6b3566}.floating-add-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b3580}.floating-add-btn:active{transform:scale(.95)}.my-list-total{color:var(--text-primary);font-size:16px}.my-list-total strong{color:var(--primary);font-size:20px}.empty-orders{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.page-transition{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.page-transition-forward{animation:.3s cubic-bezier(.4,0,.2,1) forwards pageSlideInRight}.page-transition-back{animation:.25s cubic-bezier(.4,0,.2,1) forwards pageSlideOutRight}.page-transition-tab,.page-transition-none{animation:.25s ease-out forwards pageFadeIn}@keyframes pageSlideInRight{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideOutRight{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.favorites-page{min-height:100vh;padding-top:calc(100px + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.favorites-header{background:var(--primary-gradient);padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);z-index:90;position:fixed;top:0;left:0;right:0}.favorites-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.favorites-header p{color:#ffffffd9;margin:8px 0 0;font-size:14px}.favorites-content{padding:16px}.favorites-loading,.favorites-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.favorites-list{flex-direction:column;gap:12px;display:flex}.favorite-item{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-light);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:12px;padding:12px;display:flex}.favorite-item:active{border-color:var(--primary);transform:scale(.98)}.favorite-item-image{border-radius:var(--radius-md);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.favorite-item-image img{object-fit:cover;width:100%;height:100%}.favorite-item-info{flex:1;min-width:0}.favorite-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:15px;font-weight:700;overflow:hidden}.favorite-item-meta{color:var(--text-secondary);align-items:center;gap:4px;margin:0 0 6px;font-size:12px;display:flex}.favorite-item-category{color:var(--primary);background:#ff8c001a;border-radius:8px;padding:2px 8px;font-size:11px;display:inline-block}.favorite-remove-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ff52521a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.favorite-remove-btn:active{background:#ff525233;transform:scale(.9)}.recipe-edit-page{background:var(--bg-primary);min-height:100vh}.recipe-edit-header{border-bottom:1px solid var(--border-light);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.recipe-edit-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.recipe-edit-back{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:8px 0;font-size:15px;display:flex}.recipe-edit-back:hover{color:var(--primary)}.recipe-edit-content{flex-direction:column;gap:16px;padding:16px;display:flex}.recipe-edit-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.recipe-edit-card-title{color:var(--primary);border-left:3px solid var(--primary);margin-bottom:16px;padding-left:12px;font-size:14px;font-weight:700}.recipe-edit-form-item{margin-bottom:16px}.recipe-edit-form-item:last-child{margin-bottom:0}.recipe-edit-form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.recipe-edit-form-label.required:after{content:" *";color:var(--danger)}.recipe-edit-input{border:2px solid var(--border-light);background:var(--bg-secondary);width:100%;transition:all var(--transition-base);border-radius:10px;padding:12px 14px;font-size:15px}.recipe-edit-input:focus{border-color:var(--primary);background:#fff;outline:none}.recipe-edit-select{border:2px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;width:100%;transition:all var(--transition-base);border-radius:10px;padding:12px 14px;font-size:15px}.recipe-edit-select:focus{border-color:var(--primary);background:#fff;outline:none}.recipe-edit-select option{padding:8px}.recipe-edit-list{flex-direction:column;gap:12px;display:flex}.recipe-edit-list-item{align-items:center;gap:10px;display:flex}.recipe-edit-list-item .recipe-edit-input{flex:1}.recipe-edit-list-item-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.recipe-edit-list-remove{width:28px;height:28px;color:var(--danger);cursor:pointer;transition:all var(--transition-base);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.recipe-edit-list-remove:hover{background:#ff52521a}.recipe-edit-add-btn{background:var(--bg-secondary);border:1px dashed var(--border-medium);color:var(--primary);cursor:pointer;transition:all var(--transition-base);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.recipe-edit-add-btn:hover{border-color:var(--primary);background:#ff6b350d}.recipe-edit-actions{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));border-top:1px solid var(--border-light);background:#fff;flex-direction:column;gap:12px;display:flex;position:sticky;bottom:0}.recipe-edit-actions .adm-button{border-radius:12px;height:48px;font-size:15px;font-weight:600}.recipe-edit-actions .adm-button-danger{border-color:var(--danger);color:var(--danger)}.login-page{background:linear-gradient(135deg,#ff6b35 0%,#ff8c5a 50%,#ffb347 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{background:#fff;border-radius:24px;width:100%;max-width:360px;padding:36px 28px;box-shadow:0 16px 48px #0003}.login-header{text-align:center;margin-bottom:28px}.login-logo{margin-bottom:12px;font-size:56px}.login-header h1{color:var(--text-primary);margin:0 0 6px;font-size:26px;font-weight:700}.login-header p{color:var(--text-tertiary);margin:0;font-size:14px;line-height:1.5}.login-header p strong{color:var(--text-primary);font-weight:600}.login-mode-tabs{background:var(--bg-secondary);border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.login-mode-tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 0;font-size:15px;font-weight:600;transition:all .2s}.login-mode-tab.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #0000001a}.login-form{margin-bottom:20px}.login-input-wrapper{margin-bottom:12px}.login-input{border:2px solid var(--border-light);width:100%;transition:all var(--transition-base);background:var(--bg-secondary);box-sizing:border-box;border-radius:12px;outline:none;padding:13px 16px;font-family:inherit;font-size:15px}.login-input:focus{border-color:var(--primary);background:#fff}.login-input::placeholder{color:var(--text-tertiary)}.verify-code-input{text-align:center;letter-spacing:8px;padding:16px;font-size:24px}.login-btn{height:48px;margin-top:4px;font-size:16px;font-weight:600;border-radius:12px!important}.login-switch{text-align:center;margin-top:16px}.login-switch-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;transition:background .2s}.login-switch-btn:hover{background:#ff6b3514}.login-switch-btn:disabled{color:var(--text-tertiary);cursor:not-allowed}.login-switch-btn.resend-btn{background:var(--primary);color:#fff;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-block}.login-switch-btn.resend-btn:hover:not(:disabled){background:#e85a2a}.login-switch-btn.resend-btn:disabled{color:#999;background:#ccc}.login-footer{text-align:center}.login-footer p{color:var(--text-tertiary);margin:0;font-size:12px}.family-group-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.fg-container{background:#fff;border-radius:24px;width:100%;max-width:380px;padding:36px 28px;box-shadow:0 16px 48px #0003}.fg-header{text-align:center;margin-bottom:28px}.fg-logo{margin-bottom:12px;font-size:56px}.fg-header h1{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.fg-header p{color:var(--text-tertiary);margin:0;font-size:14px;line-height:1.5}.fg-form{flex-direction:column;gap:16px;display:flex}.fg-input-wrapper{flex-direction:column;gap:6px;display:flex}.fg-label{color:var(--text-secondary);padding-left:4px;font-size:13px;font-weight:600}.fg-input{border:2px solid var(--border-light);width:100%;transition:all var(--transition-base);background:var(--bg-secondary);box-sizing:border-box;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.fg-input:focus{background:#fff;border-color:#667eea}.fg-input::placeholder{color:var(--text-tertiary)}.fg-input-center{text-align:center;letter-spacing:4px;padding:18px 16px;font-size:22px}.fg-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}.fg-btn:disabled{opacity:.6;cursor:not-allowed}.fg-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.fg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea80}.fg-btn-back{color:var(--text-tertiary);background:0 0;padding:10px;font-size:14px}.fg-btn-back:hover{color:var(--text-secondary)}.fg-options{flex-direction:column;gap:12px;display:flex}.fg-option-card{background:var(--bg-secondary);cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.fg-option-card:hover{background:#667eea0a;border-color:#667eea}.fg-option-icon{flex-shrink:0;font-size:32px}.fg-option-content{flex:1;min-width:0}.fg-option-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.fg-option-desc{color:var(--text-tertiary);font-size:13px;line-height:1.4}.fg-option-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:18px}.fg-footer{text-align:center;margin-top:20px}.fg-footer p{color:var(--text-tertiary);margin:0;font-size:12px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;min-height:100vh;margin:0;padding:0;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%}