@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#16120d;--bg2:#201a13;--bg3:#0f0b07;--surface:#f0e8da0b;--surface2:#f0e8da16;--line:#f0e8da1a;--text:#efe7d8;--muted:#a99c88;--faint:#7c7060;--accent:#c79a52;--accent-soft:#c79a5221;--bone:#e9ddc6;--bone-ink:#241c12;--stone-a:#4a4038;--stone-b:#2a231c;--good:#93b06a;--nav:#14100beb}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(130% 100% at 20% 0%, #c79a5212, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}#root{justify-content:center;align-items:center;display:flex}.phone{background:linear-gradient(178deg, var(--bg2) 0%, var(--bg) 60%, var(--bg3) 100%);flex-direction:column;width:100%;max-width:460px;height:100dvh;max-height:920px;display:flex;position:relative;overflow:hidden}@media (width>=480px){.phone{height:92dvh;box-shadow:0 40px 90px #0000008c, 0 0 0 1px var(--line);border-radius:34px}}.serif{letter-spacing:.2px;font-family:Instrument Serif,Georgia,serif;font-weight:400}.scroll{flex:1;padding:20px 20px 108px;overflow-y:auto}.statusbar{letter-spacing:.3px;color:var(--muted);justify-content:space-between;align-items:center;padding:14px 22px 4px;font-size:12px;font-weight:600;display:flex}h1.title{color:var(--text);font-family:Instrument Serif,Georgia,serif;font-size:40px;font-weight:400;line-height:1.03}h1.title em{color:var(--accent);font-style:italic}.sub{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--faint);font-size:10.5px;font-weight:700}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .1s,filter .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--bone);color:var(--bone-ink);width:100%;box-shadow:0 10px 26px #00000047}.btn-primary:hover:not(:disabled){filter:brightness(1.03)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px}.chip-pill{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.chip-pill.accent{background:var(--accent-soft);color:var(--text);border-color:#c79a5266}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;display:inline-flex}.dots{gap:6px;display:flex}.dot{background:var(--surface2);border-radius:100px;width:7px;height:7px;transition:all .3s}.dot.on{background:var(--accent);width:24px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:18px;padding:13px;font-family:inherit;transition:all .15s;position:relative}.tile.on{background:var(--accent-soft);border-color:#c79a5280}.tile .name{font-size:15px;font-weight:700}.tile .meta{color:var(--faint);margin-top:3px;font-size:12px}.dishmedia{background:linear-gradient(150deg, var(--stone-a), var(--stone-b));color:#f0e8da38;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dishmedia img{object-fit:cover;width:100%;height:100%;display:block}.rowcard{align-items:center;gap:12px;display:flex}.rowcard .body{flex:1;min-width:0}.rowcard .body .name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.rowcard .body .meta{color:var(--faint);margin-top:2px;font-size:12.5px}.hscroll{scrollbar-width:none;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.field{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.field:focus{border-color:#c79a5273}.field::placeholder{color:var(--faint)}.nav{background:var(--nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding:9px 8px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav button{cursor:pointer;letter-spacing:.2px;color:var(--faint);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:64px;font-family:inherit;font-size:10.5px;font-weight:600;display:flex}.nav button.active{color:var(--accent)}.chip-toast{z-index:20;border-radius:18px;align-items:center;gap:12px;padding:13px 16px;animation:.28s rise;display:flex;position:absolute;bottom:84px;left:16px;right:16px;box-shadow:0 18px 40px #00000073}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.errcard{color:#e8b7a9;background:#c6604814;border:1px solid #c6604873;border-radius:16px;margin-top:14px;padding:13px 15px;font-size:13.5px}