:root{--cream:#fffaf0;--paper:#fff;--ink:#3b312c;--muted:#806f65;--orange:#f4774c;--orange-dark:#d95832;--peach:#ffe4d1;--green:#6da06f;--line:#eadfd4;--shadow:0 12px 32px #5b3d2b1a;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#f5eee6;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fff8e8 0,#f4ece3 70%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}#app{min-height:100vh}.app-shell{background:var(--cream);width:min(100%,480px);min-height:100vh;margin:0 auto;padding-bottom:92px;box-shadow:0 0 40px #462d1e1f}.app-header{justify-content:space-between;align-items:center;padding:24px 20px 14px;display:flex}.eyebrow{color:var(--orange-dark);letter-spacing:.08em;margin:0 0 3px;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:28px;line-height:1.2}h2{margin:0;font-size:18px}p{margin:0}.avatar{background:var(--peach);width:44px;height:44px;color:var(--orange-dark);box-shadow:var(--shadow);border:2px solid #fff;border-radius:50%;place-items:center;padding:0;font-weight:900;display:grid}.page-content{padding:0 16px 24px}.hero-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#f4774c,#ef9a58);border-radius:24px;gap:5px;margin-bottom:18px;padding:20px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"🍲";filter:drop-shadow(0 5px 3px #0000001f);font-size:64px;position:absolute;bottom:-7px;right:16px;transform:rotate(-8deg)}.hero-card span,.hero-card p{opacity:.9;font-size:12px}.hero-card strong{max-width:70%;font-size:20px}.hero-card p{margin-top:8px}.chips{scrollbar-width:none;gap:8px;padding:2px 0 14px;display:flex;overflow:auto}.chips button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:99px;flex:none;padding:8px 14px}.chips button.active{border-color:var(--orange);background:var(--orange);color:#fff}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dish-card{border:1px solid var(--line);background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 7px 20px #5037260f}.dish-card.unavailable{opacity:.68}.dish-card-body{padding:11px}.dish-card h2{margin:8px 0 4px;font-size:16px}.dish-card p{min-height:36px;color:var(--muted);font-size:12px;line-height:1.5}.dish-cover{--cover-a:#ffe0b5;--cover-b:#ff8f70;--cover-ink:#75443b;aspect-ratio:4/3;background:linear-gradient(145deg,var(--cover-a),var(--cover-b));width:100%;color:var(--cover-ink);text-align:center;isolation:isolate;align-content:center;place-items:center;gap:2px;display:grid;position:relative;overflow:hidden}.dish-cover:before,.dish-cover:after{content:"";z-index:-1;background:#ffffff38;border-radius:50%;position:absolute}.dish-cover:before{width:80px;height:80px;top:-25px;left:-24px}.dish-cover:after{width:58px;height:58px;bottom:-17px;right:-16px}.dish-cover img{object-fit:cover;width:100%;height:100%}.cute-plate{background:#fffaeceb;border:5px solid #fffc;border-radius:50%;place-items:center;width:88px;height:58px;margin-top:3px;display:grid;box-shadow:0 8px #643a2d1f,inset 0 -5px #ffc18338}.ingredient-row{justify-content:center;align-items:flex-end;gap:0;width:78px;display:flex}.cute-ingredient{transform:translateY(var(--ingredient-y)) rotate(var(--ingredient-r));filter:drop-shadow(0 3px 2px #4a2a2329);place-items:center;margin:0 -3px;display:grid;position:relative}.ingredient-icon{font-size:27px;line-height:1}.ingredient-face{color:#68463c;white-space:nowrap;background:#ffffffb8;border-radius:99px;padding:0 2px;font:700 6px/1 system-ui,sans-serif;position:absolute;top:10px;left:50%;transform:translate(-50%)}.dish-cover strong,.dish-cover small{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:90%;overflow:hidden}.dish-cover strong{background:#ffffffe0;border:1px solid #fffc;border-radius:99px;margin-top:4px;padding:2px 9px;font-size:12px;box-shadow:0 3px 8px #4a2a2314}.dish-cover small{opacity:.78;padding:1px 5px;font-size:8px;font-weight:700}.cover-spark{color:#fff;text-shadow:0 2px 5px #00000014;font-size:16px;position:absolute;top:8px;right:12px}.cover-steam{color:#ffffffb8;font-size:20px;font-weight:900;position:absolute;top:12px;transform:rotate(90deg)}.steam-one{left:32%}.steam-two{font-size:15px;top:17px;right:31%}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.tag,.sold-out{font-size:10px;font-weight:800}.tag{color:var(--green)}.sold-out{color:#a24b40}.primary-button,.secondary-button{border:0;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{background:var(--orange);color:#fff;box-shadow:0 7px 14px #f4774c38}.primary-button:hover{background:var(--orange-dark)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#c9bdb4}.primary-button.small{border-radius:11px;width:100%;min-height:34px;margin-top:10px;padding:0 8px;font-size:12px}.secondary-button{border:1px solid var(--line);color:var(--orange-dark);background:#fff}.wide{width:100%}.text-button,.back-link{color:var(--orange-dark);background:0 0;border:0;font-weight:800}.back-link{margin-bottom:12px;font-size:14px;display:inline-block}.bottom-nav{z-index:20;width:min(100%,480px);min-height:72px;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#9a8980;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex;position:relative}.nav-item.router-link-active{color:var(--orange-dark);font-weight:800}.nav-icon{font-size:22px}.nav-badge{color:#fff;text-align:center;background:#d84939;border-radius:99px;min-width:17px;padding:2px 5px;font-size:9px;position:absolute;top:1px;left:calc(50% + 9px)}.state-card{text-align:center;background:#fff;border:1px dashed #decdbf;border-radius:24px;justify-items:center;gap:9px;padding:52px 20px;display:grid}.state-card p{max-width:280px;color:var(--muted);font-size:14px}.state-card .primary-button{margin-top:10px}.state-icon{font-size:48px}.loader{border:4px solid var(--peach);border-top-color:var(--orange);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.error-notice{color:#a14034;background:#fff0ed;border-radius:14px;justify-content:space-between;padding:12px 14px;font-size:13px;display:flex}.list-card,.field-card,.form-card,.manage-list{border:1px solid var(--line);background:#fff;border-radius:22px;padding:14px;display:block;box-shadow:0 6px 20px #5037260d}.cart-row,.manage-row{border-bottom:1px solid #f1e9e2;align-items:center;gap:12px;padding:10px 0;display:flex}.cart-row:last-child,.manage-row:last-child{border:0}.cart-row .dish-cover,.manage-row .dish-cover{border-radius:14px;flex:0 0 70px;width:70px}.cart-copy,.manage-row>div:nth-child(2){flex:1;gap:2px;display:grid}.cart-copy small,.manage-row small{color:var(--muted)}.stepper{align-items:center;gap:7px;display:flex}.stepper button{background:var(--peach);width:28px;height:28px;color:var(--orange-dark);border:0;border-radius:50%}.field-card{color:var(--ink);margin:14px 0;font-weight:800}textarea,input,select{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fffdf9;border-radius:13px;outline:none;margin-top:7px;padding:12px 13px}.form-card{gap:14px;display:grid}.form-card>.dish-cover{border-radius:18px}.form-card label,.login-card label{color:var(--ink);font-size:13px;font-weight:800}.form-hint{color:var(--muted);text-align:center;font-size:11px}.order-list{gap:12px;display:grid}.order-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:12px;padding:16px;display:grid;box-shadow:0 6px 20px #5037260d}.order-card.highlighted{border-color:var(--orange);box-shadow:0 8px 24px #f4774c2e}.order-card.new-order{border-color:var(--orange);animation:1.2s ease-in-out 2 new-order-pulse}.order-success{margin-bottom:12px}.order-id,.order-card small{color:var(--muted);font-size:11px}.status-pill{color:#a35c21;background:#fff0d5;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900}.status-pill[data-status=cooking]{color:#3c6fa4;background:#e5f1ff}.status-pill[data-status=completed]{color:#477d49;background:#e2f3df}.order-items{font-weight:800;line-height:1.6}.order-cook{color:var(--green);font-size:12px;font-weight:800}.note{color:#7e5e42;background:#fff8e8;border-radius:11px;padding:9px 11px;font-size:12px}.kitchen-summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.kitchen-summary div{text-align:center;background:#fff;border-radius:18px;gap:2px;padding:15px;display:grid}.kitchen-summary strong{color:var(--orange-dark);font-size:25px}.kitchen-summary span{color:var(--muted);font-size:11px}.order-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.order-card li{justify-content:space-between;display:flex}.order-actions{grid-template-columns:1.5fr 1fr;gap:8px;display:grid}.reminder-button{margin:-3px 0 14px}.reminder-status{color:var(--green);text-align:center;margin:-3px 0 14px;font-size:12px;font-weight:800}@keyframes new-order-pulse{50%{box-shadow:0 0 0 5px #f4774c2e}}.add-button{margin-bottom:13px}.manage-list{padding:5px 14px}.manage-row .text-button{padding:8px}.manage-actions{justify-items:end;display:grid}.text-button.compact{text-align:left;padding:4px 0;font-size:11px}.text-button.danger{color:#a14034}.upload-box{text-align:center;background:#fffaf4;border:2px dashed #e4cdbd;border-radius:15px;place-items:center;min-height:80px;padding:12px;display:grid;color:var(--orange-dark)!important}.upload-box input{border:0;width:auto;max-width:100%;padding:5px;font-size:11px}.check-field{align-items:center;gap:8px;display:flex}.check-field input{width:auto;margin:0}.login-page{background:linear-gradient(160deg,#fff2d6,#ffd7c6);align-content:center;min-height:100vh;padding:22px;display:grid}.login-decoration{z-index:2;justify-content:center;gap:18px;margin-bottom:-15px;font-size:42px;display:flex;position:relative}.login-card{width:min(100%,420px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #fffc;border-radius:30px;gap:14px;margin:auto;padding:30px 24px;display:grid}.login-card h1{font-size:38px}.login-copy{color:var(--muted);line-height:1.65}.role-switch{background:#f5eee8;border-radius:15px;grid-template-columns:1fr 1fr;gap:7px;padding:4px;display:grid}.role-switch button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:12px}.role-switch button.active{color:var(--orange-dark);background:#fff;box-shadow:0 3px 10px #50372614}.auth-message{border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5}.auth-message.error{color:#a14034;background:#fff0ed}.auth-message.success{color:#477d49;background:#e8f5e6}.family-code-card{border:1px solid var(--line);background:#fffaf4;border-radius:13px;gap:6px;padding:12px;display:grid}.family-code-card small{color:var(--muted)}.family-code-card code{overflow-wrap:anywhere;color:var(--orange-dark);-webkit-user-select:all;user-select:all;font-size:13px;font-weight:800}.dialog-backdrop{z-index:100;background:#2d231e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:22px;width:min(100%,360px);padding:22px}.dialog p{color:var(--muted);margin:10px 0 18px}.dialog-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.app-toast{z-index:200;color:#fff;width:min(100% - 32px,448px);box-shadow:var(--shadow);background:#3b312c;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin:auto;padding:12px 14px;font-size:13px;display:flex;position:fixed;bottom:92px;left:16px;right:16px}.app-toast button{background:var(--orange);color:#fff;border:0;border-radius:9px;flex:none;padding:7px 10px;font-weight:800}.offline-message{margin-bottom:12px}@media (width<=360px){.dish-grid{grid-template-columns:1fr}.dish-cover{aspect-ratio:16/9}.app-header{padding-inline:15px}.page-content{padding-inline:12px}}@media (width>=700px){.app-shell{border-radius:28px;min-height:calc(100vh - 40px);margin-block:20px;overflow:hidden}.bottom-nav{border-radius:0 0 28px 28px;bottom:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}