:root{--bg: #fafaf7;--bg-elev: #ffffff;--bg-soft: #f4f3ef;--bg-warm: #fdf8f0;--ink: #1a1a17;--ink-2: #4a4a44;--ink-3: #8a8a82;--ink-4: #b8b8b0;--line: #ebeae3;--line-2: #e0dfd6;--orange: #ff6b35;--orange-dark: #e55a28;--orange-soft: #ffe8db;--orange-tint: #fff4ec;--green: #5b8c3e;--green-soft: #e7f0dc;--red: #c4413a;--red-soft: #fbe5e3;--amber: #d97706;--amber-soft: #fef3c7;--shadow-sm: 0 1px 2px rgba(20,15,10,.04), 0 1px 3px rgba(20,15,10,.05);--shadow-md: 0 4px 12px rgba(20,15,10,.06), 0 2px 4px rgba(20,15,10,.04);--shadow-lg: 0 10px 30px rgba(20,15,10,.1), 0 4px 8px rgba(20,15,10,.05);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.dish-stripe{background-image:repeating-linear-gradient(-45deg,var(--c1, #ffd9c2) 0 8px,var(--c2, #ffe8db) 8px 16px)}.dish-stripe.cat-soup{--c1:#ffd4b8;--c2:#ffe8d4}.dish-stripe.cat-main{--c1:#f5cfa8;--c2:#ffe2c2}.dish-stripe.cat-salad{--c1:#d6e8c2;--c2:#e8f0d8}.dish-stripe.cat-side{--c1:#f0e2c2;--c2:#f8edd6}.dish-stripe.cat-drink{--c1:#c8dde4;--c2:#dfe8ec}.dish-stripe.cat-dessert{--c1:#f0d4d8;--c2:#f8e2e6}.frame-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.frame-scroll::-webkit-scrollbar{width:6px}.frame-scroll::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500;font-size:14px;padding:9px 16px;border-radius:var(--r-md);border:1px solid transparent;background:var(--bg-elev);color:var(--ink);transition:background .12s,border-color .12s,transform .06s}.btn:hover{background:var(--bg-soft)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--orange);color:#fff}.btn.primary:hover{background:var(--orange-dark)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--bg-soft)}.btn.outline{border-color:var(--line-2)}.btn.sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn.lg{padding:14px 22px;font-size:16px;border-radius:12px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;line-height:1;padding:4px 8px;border-radius:999px;background:var(--bg-soft);color:var(--ink-2)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.orange{background:var(--orange-soft);color:var(--orange-dark)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg)}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}