.shell{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.screen{flex:1;padding:14px 16px calc(80px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}
.nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:var(--panel);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));max-width:520px;margin:0 auto}
.nav a{color:var(--faint);text-decoration:none;font-size:14px;padding:6px 12px}
.nav a.on{color:var(--accent);font-weight:600}
.order-card .reward{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cred{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.cred .v{font-family:var(--mono);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp{font-size:13px;padding:4px 10px;border-radius:8px}
.menu{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.menu>button{display:flex;width:100%;justify-content:space-between;border:none;border-top:1px solid var(--line);border-radius:0;padding:13px 14px;text-align:left}
.menu>button:first-child{border-top:none}
.menu .hd{background:var(--soft);font-size:13px;color:var(--muted)}
.bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.big{height:48px;width:100%}
.drop{border:1.5px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--faint);cursor:pointer;display:block}
.drop input{display:none}
.center{text-align:center;padding:28px 12px}