:root{--brew-brown:#8b5e3c;--brew-dark:#412402;--brew-light:#faeeda;--brew-gold:#ba7517;--brew-amber:#ef9f27;--brew-cream:#fdf6ec}*{box-sizing:border-box;margin:0;padding:0}body{background:#f3ede6;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{background:#fff;flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 60px #0000001a}.page{flex-direction:column;flex:1;padding:24px 20px 80px;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:500;transition:opacity .15s;display:block}.btn:not(:disabled):active{opacity:.8}.btn-primary{background:var(--brew-brown);color:var(--brew-light)}.btn-secondary{color:#333;background:0 0;border:1px solid #e2d8cf}.btn-gold{background:var(--brew-gold);color:#fff}.btn-danger{color:#c62828;background:#ffebee;border:1px solid #ffcdd2}.btn:disabled{opacity:.4;cursor:not-allowed}.input,.select{background:#fff;border:1px solid #e2d8cf;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:13px 14px;font-size:15px}.input:focus,.select:focus{border-color:var(--brew-brown)}.bottom-nav{width:100%;max-width:430px;padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:100;background:#fff;border-top:1px solid #f0ebe4;justify-content:space-around;display:flex;position:fixed;bottom:0}.nav-item{color:#bbb;cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.nav-item.active{color:var(--brew-brown);font-weight:600}.lightbox{z-index:1000;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:12px;max-width:100%;max-height:80vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:32px;position:absolute;top:20px;right:20px}